上一节解释了MVVM和渐进式的含义，本节介绍开发Vue前的准备（https://cn.vuejs.org/v2/guide/installation.html#NPM）
（笔者目前所用环境是在Window 10下，所以对于linux和Mac OS的同学没有详细的帮助）
环境需要借助于Node中的npm来安装依赖等。所以首先下载并安装Node.js，一路Next，安装到默认路径即可。
打开cmd，分别输入node -v 和 npm -v测试是否安装成功，若未安装成功多半是默认环境变量没有配置正确。
由于在国内没有翻墙的网络环境下，使用npm 安装会格外的慢甚至失败，所以建议设置国内镜像，在cmd下输入以下任意一条命令即可。
1.更改npm的配置：npm config set registry https://registry.npm.taobao.org 通过npm config get registry来检查是否设置成功。使用时，npm install xxx
2.安装使用cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org 使用时，cnpm install xxx
现在开始正式安装vue环境
在cmd下输入依次输入一下命令
npm install vue
npm install --global vue-cli // 全局安装 vue-cli
vue init webpack my-project // 创建一个基于 webpack 模板的新项目
运行完以上命令可能会出现关于webpack的错误
当然再手动安装一下webpack即可
npm install -g webpack // // 全局安装 webpack
1113254-20170610165029075-1436714570.png
如上图选择所需配置项，若为新手则按照途中配置即可
$ cd my-project // 进入下载好的项目
$ npm install // 安装依赖
$ npm run dev // 启动项目、
所有使用npm的地方 均可改为cnpm 命令大幅提升安装速度
网友评论