个人博客开发--前端Vue框架学习(一)

爱被打了一巴掌 2023-06-19 09:32 105阅读 0赞

搜索一篇vue环境搭建的文章,按照描述一一搭建完成。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L292ZWp1cg_size_16_color_FFFFFF_t_70

我使用是vscode

根据文章搭建完成并创建工程完成后

npm install

npm run dev

运行工程。这时候可以打开helloworld的界面。

修改为自己的主页:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L292ZWp1cg_size_16_color_FFFFFF_t_70 1

mode: ‘history’ 此处加上这个可以取到路径中的#。

上login页面的初始代码:

  1. <template>
  2. <div id="login">
  3. <h1>123213</h1>
  4. </div>
  5. </template>

看下运行结果:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L292ZWp1cg_size_16_color_FFFFFF_t_70 2

发表评论

表情:
评论列表 (有 0 条评论,105人围观)

还没有评论,来说两句吧...

相关阅读

    相关 基于vue个人

    第一章 引言 1.1系统开发背景 信息时代的今天,网络已经成为人们工作、学习的一部分,不断充实和改变着人们的生活。在网络中,构建一个个性化的个人博客,可以充分地表达