vue-cli安装及项目初始化

一、安装vue-cli

• 打开cmd进入D盘(我自己的文件在D盘)

C:\Users\Admin>D:

• 安装vue-cli脚手架

npm install -g @vue/cli

Tip：npm安装可能会很慢，我们可以使用cnpm进行安装：

• 先安装淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

• 使用cnpm查看版本，验证cpn是否安装成功
  
• cnpm进行安装vue-cli

cnpm install -g @vue/cli

• 使用vue -V查看版本号，以此来验证vue-cli是否安装成功
  

二、项目初始化

• 初始化项目vue init <template-name> <project-name>

vue init webpack vueclitest

（以上内容参考自：https://jspang.com/detailed?id=26）

• 进入新建的项目，安装依赖，并运行程序

d:\vue>cd vueclitest
d:\vue\vueclitest>npm install
d:\vue\vueclitest>npm run dev

显示出该页面，即项目运行成功