vue开发环境搭建

 

vue现在火的不要不要的，最近也项目也没什么事儿，学习一下vue开发。第一步搭建开发环境：

1.node安装，因为之前项目开发过react所以我的电脑上是有弄node和npm的，已备时间长了忘了还是重新回顾一下node安装。node安装网址：http://nodejs.cn；具体版本根据自己电脑安装就行。安装完毕cmd打开dos管理工具输入node -v检测是否安装成功，

这样就算安装成功了。国内安装比较慢所以一般会安装淘宝镜像cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org；

2.下一步安装vue脚手架cnpm install --global vue-cli

3.查看是否安装成功：输入命令 vue

4.完了创建项目 vue init webpack my-project

 

5.进入项目文件夹cd my-project 

6.安装依赖，输入命令：cnpm install

7.测试一下我们下载好的模板能不能正常的运行，在命令行输入：cnpm run dev

 

 8.端口号为8080，浏览器会自动打开连接http://localhost:8080/

ok,好了，我们可以进入vue开发了，棒棒的！