环境搭建
01. 安装Node.js Node.js安装包及源码
下载地址为:https://nodejs.org/en/download/、64 位安装包下载地址 :
https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
02. 检测一下node版本,在cmd命令框框内输入命令 node --version 查看node是否安装成功
03. 查看npm版本 输入命令 npm -v、
npm版本需要大于3.0、如果当前版本比较低可以升级它 cnpm install npm -g
'提示' 在这里没有安装淘宝cnpm镜像的可以安装一下
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm 和 npm有什么区别:因为npm安装插件是从国外服务器下载,受网络影响大,
可能出现异常,如果npm的服务器在中国就好了,所以淘宝团队干了这事
npm 可以安装node插件 cnpm使用的是淘宝网的镜像
04. 安装vue cnpm install vue
05. Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页面应用
06 cnpm install --global vue-cli // 安装vue-cli脚手架
项目创建
01. vue init webpack my-project // 创建一个基于webpack的项目
02. // 这里需要进行一些配置,默认回车即可
03. cd my-project // 进入项目
04. cnpm install // 安装相关项目依赖
05. cnpm run dev // 运行项目 http://locahost:8080 打开项目