使用vue-cli创建项目

vue.js作为前端常用的框架，官方为我们提供了vue-cli一个工具可以快速创建vue项目。省去自己配置webpack的过程，并且可以根据需要安装相应的插件。

安装vue-cli插件

npm install -g @vue/cli vue --version

注：需要安装node

创建项目

1、打开命令行工具，输入命令，按回车键过后，进入vue插件配置界面

vue create my-app

2、选择创建方式，选择第三个自定义

3、选择需要的插件，空格选择，回车下一步。

4、选择vue版本（这里选2.x）

5、选择路由模式（y/history，n/hash）

6、选择css预处理器

7、选择代码风格校验插件ESLint

8、在保存文件时使用代码规范校验

9、将插件的配置信息单独生成文件存放还是放package.json

10、是否保存当前选择作为预设

11、下载插件的过程进行中...

12、项目创建成功后可以看到

13、使用代码开发工具打开项目，可以看到项目结构如下

14、打开package.json，查看运行和打包项目的命令

15、右键打开控制台，输入npm run server。打开网页http://localhost:8080/#/

至此一个vue项目创建完毕，根据需要添加功能页面。