vue环境配置及创建vue项目

2017-04-21 | 阅读：次

　　# vue环境配置及创建vue项目

首先需要安装node环境，可以直接到中文官网:http://nodejs.cn/ 下载安装包。

只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装:http://blog.csdn.net/s8460049/article/details/52396399

安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

安装好了 node，我们可以直接全局安装 vue-cli

npm install -g vue-cli

但是这种安装方式比较慢，推荐使用国内镜像来安装，所以我们先设置 cnpm

npm install -g cnpm –registry=https://registry.npm.taobao.org

如果安装失败，可以使用

npm cache clean

清理缓存，然后再重新安装。后面的安装过程中，如有安装失败的情况，也需要先清理缓存

同样可以使用 cnpm -v 查看是否安装成功

然后使用 cnpm 安装 vue-cli 和 webpack

cnpm install -g vue-cli

最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack

安装完成后，可以使用 vue -V （注意 V 大写）查看是否安装成功。

如果提示“无法识别 ‘vue’ ” ，有可能是 npm 版本过低，可以使用 npm install -g npm 来更新版本

vue init webpack 项目名称

然后会出现一些简单的配置

? Project name (zlejvue)

? Project name zlejvue

? Project description (A Vue.js project)

? Project description A Vue.js project

? Author

? Vue build (Use arrow keys)

? Vue build standalone

? Install vue-router? (Y/n)

? Install vue-router? Yes

? Use ESLint to lint your code? (Y/n) n

? Use ESLint to lint your code? No

? Setup unit tests with Karma + Mocha? (Y/n) n

? Setup unit tests with Karma + Mocha? No

? Setup e2e tests with Nightwatch? (Y/n) n

? Setup e2e tests with Nightwatch? No 配置完之后就可以按照他的步骤打开项目

cd zlejvue

npm install

npm run dev

### 转载请注明原地址，冼国基的博客：https://xianguoji.github.io 谢谢！