第一个Vue-Cli应用程序

1.环境准备

##1. 1 node.js下载

node.js官网：https://nodejs.org/en/

1.2 node.js安装

安装过程一路next，在选择存储路径时，尽量选取本地保存环境的路径。

1.3 验证安装

用管理员身份打开cmd，命令行输入

node -v
npm -v    

当显示版本号时证明安装成功

1.4 安装淘宝镜像

npm在国内的速度有时很慢，安装淘宝的镜像可以很大提升下载速度，但是尽量少使用cnpm下载，打包时有可能出现错误

npm install cnpm -g  //-g的意思是全局安装，
npm install -g cnpm --registry=https://registry.npm.taobao.or

下载镜像时首先要保证自我网络的通畅

2.安装Vue-Cli脚手架

2.1 安装Vue-Cli

cnpm install vue-cli -g
 //查看创建Vue程序可使用的模板
 vue list

2.2 创建Vue-Cli程序

命令行cmd，切换到存放代码的目录,如：d:\workspace

vue init webpack myvue-01
//webpack是模板 vuefirst是项目名称

全部选择no即可

2.3 项目运行

cd myvue-01
npm install
npm run dev

 

浏览器访问： http://localhost:8080/

2.4 使用IDE打开创建的项目