step1:安装node.js,连接https://nodejs.org/en/
安装完成,输入node -v命令查看node版本
node.js集成了npm包管理器,输入npm -v命令查看npm版本,npm须要在3.0.0以上的版本,若是npm版本小于3.0.0,输入npm -g install npm命令更新npm至最新版本
注:-g 全局标志
step2:安装cnpm(npm的国内镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
step3:安装全局webpack
cnpm install -g webpack
安装完成,webpack -v命令检查当前webpack版本
注:macos开发环境加上sudo,sudo cnpm install -g webpack
step4:安装vue-cli脚手架工具
cnpm install -g vue-cli
step5:构建项目(以F盘vueProject文件夹为例)
跳到此目录下,输入vue init webpack projectName命令建立一个基于webpack模板的项目
vue init webpack projectName的意思是初始化一个项目,利用webpack打包和压缩,此项目命名为projectName,在此过程当中,须要输入项目名、描述、做者等
step6:安装项目依赖
cnpm install
step7:运行项目
npm run devvue