Vue-cli3 快速创建 Vue 项目

安装node.js Vue-cli3

1.安装 node.js
去Nodejs官网下载响应安装包，直接安装即可。

2.安装 vue-cli
打开命令行终端，输入 npm install -g vue-cli 全局安装vue-cli

创建项目（配置可根据项目要求自行选择）

1.在中端进入项目目录，终端输入 vue create vue-cli-demo，回车（create 后面是项目名称）

2.选择自定义配置（上下箭头移动选择），Manually select features 然后回车

3.按空格选择相应配置，Babel，Router,Vuex, CSS Pro-processors,Linter / Formatter , Unit Testing ，回车

4.路由是否使用history模式，输入y，回车

5.css选择 Less， 回车

6.Eslint(代码风格检查)选择 ESlint + Prettier，回车

7.保存时候 Lint 还是提交代码的时候Lint，全选回车

8.测试方案选择 Jest ，回车

9.所有配置文件，选择放在单独文件，而不是package里面，回车

10.配置是否起个名字保存起来，下次新建项目可使用，输入y，回车

11.输入名字 vue-cli-demo，回车，安装依赖

安装完成

进入目录，输入 npm run serve 启动项目（注意：在哪目录vue项目，vue就会新建一个项目文件夹，需要去里面，才能执行启动项目命令）

启动成功

浏览器输入 localhost:8080 即可查看项目，下次启动需要进入到这个项目目录进行启动。

项目代码