windows和mac环境下 安装vue.js环境

先安装node.js 官网 https://nodejs.org/en/
进入node.js目录 cmd命令行下输入npm检测是否安装成功

Paste_Image.png

安装cnpm 输入命令: npm install -g cnpm --registry=https://registry.npm.taobao.org
等待下载

Paste_Image.png

上图代表成功 这是淘宝的服务器

安装vue-cli cnpm install -g vue-cli
输入vue 检测是否安装成功

Paste_Image.png

开始新建一个vue项目
vue init webpack vue-demo

Paste_Image.png

以上为初始化设置
项目目录

Paste_Image.png

安装项目依赖包 cnpm install 安装完成之后，项目目录下多了node_modules

Paste_Image.png

运行项目 cnpm run dev 注意默认是8080端口 所以请暂停其他服务器

Paste_Image.png

成功!

晚上试了一下 mac的vue.js的安装 和windows差不多 只不过安装cnpm和vue-cli时需要加上sudo 管理员权限