上一节解释了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
如上图选择所需配置项,若为新手则按照途中配置即可
$ cd my-project // 进入下载好的项目
$ npm install // 安装依赖
$ npm run dev // 启动项目、
所有使用npm的地方 均可改为cnpm 命令大幅提升安装速度