Vue-cli安装及创建

Vue-cli简介：

Vue CLI是用于快速Vue.js开发的完整系统，它提供：

• 通过交互式项目脚手架@vue/cli。
• 通过@vue/cli+零配置快速原型@vue/cli-service-global。
• 运行时依赖项（@vue/cli-service）：
• 可升级
• 建立在webpack之上，具有合理的默认值；
• 可通过项目内配置文件进行配置；
• 可通过插件扩展丰富的官方插件集合，集成了前端生态系统中的最佳工具。
• 完整的图形用户界面，用于创建和管理Vue.js项目

安装环境

Nodejs安装

1.下载地址

https://nodejs.org/en/download/

2. 安装

安装一路next就行

3.管理员打开cmd（以下操作均需要连网和cmd管理员模式）

输入 ：node -v查看版本，检查是否安装成功.
输入 ：npm -v 查看版本，检查是否安装成功.

安装淘宝镜像加速器：（注意：关闭防火墙）
输入 ： npm install cnpm -g

安装vue-cli ：
输入：cnpm install vue-cli -g
输入 ： vue list 查看可以基于那些模板创建

4.创建一个vue-cli项目

进入要创建的目录;
输入：vue init webpack myvue 一路选择no

创建成功：
进入创建的vue-cli文件夹下输入npm install：（如果报错根据提示输入修复命令）

输入 npm run dev 运行

访问路劲！！
Ctrl+c停止访问
完成！！！！