Vue 学习笔记06：Vue脚手架

• 一、Vue 脚手架
• • 1. 安装
  • 2. 替换文件
  • 3. 运行报错

一、Vue 脚手架

1. 安装

1. 配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.org
2. 全局安装 @vue/cli：npm install -g @vue/cli
   
   重新打开 cmd，输入 vue 验证安装是否完成。
   
3. 切换到要创建项目的目录，然后使用命令创建项目：vue create xxxx。
   我在 vue 学习目录下创建，进入当前目录的终端，输入 vue create 03_vuecli。
   
   跳到了选择 vue 编译版本的界面，选择 vue2，按回车。
   
   然后等待，直到创建完成。
   
4. 运行 HelloWorld
   
   在创建完成提示的下方有两个命令，依次执行。
   
   接下来复制下面的链接查看页面
   

2. 替换文件

脚手架相关文件在官网都有介绍。

1. 将项目中的 Vue 组件全部替换成前面写的 Vue，其他的不替换。
   ====>

2. 更改引用路径
   

3. 运行服务查看页面
   打开终端，输入 npm run server
   
   打开浏览器看一下
   

3. 运行报错

如果运行时抛出下面这个错误

解决方法：
打开 vue.config.js ，添加 lintOnSave: false，然后再重新编译。