使用vue-cli创建Vue项目并安装常用组件

1.创建项目目录
命令:mkdir vueDemo
2.切换到该目录
命令:cd vueDemo
3.执行命令创建项目
命令:vue init webpack + 项目名称
实例:vue init webpack vue-init-webpack
使用vue-cli创建Vue项目并安装常用组件
Project name:项目名称,直接回车即可
Project description:项目描述,直接回车即可
Author:作者,直接回车即可
Vue build:构建模式,直接回车即可
Install vue-router?:是否安装引入vue-router,选Y,vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:强烈建议选no 否则你会非常痛苦,eslint的格式验证非常严格,多一个空格少一个空格都会报错,所以对于新手来说,一般不建议开启,会加大开发难度
Setup unit tests 是测试,可以不用安装,选n
Setup e2e tests with Nightwatch 是测试,可以不用安装,选n
最后一项是选择用什么install依赖组件,因为npm比较慢,我一般选第三项,创建完项目后,使用cnpm安装(cnpm自行在网上查阅安装)
创建项目完成后,会有后继命令的提示,接下来继续操作
4.切换到已创建的项目目录中
命令:cd vue-init-webpack
5.安装组件(根据自己的需要安装)
① 安装 cnpm
命令:cnpm install
② 安装 axios
命令:cnpm install axios --save-dev
③ 安装 antV
命令:cnpm install @antv/g2plot --save
④ 安装 Element-UI
cnpm i element-ui -S
6.启动项目
命令:cnpm run dev
7.访问项目
在浏览器查看:http://localhost:8080