vue.js环境安装及用wepack创建项目

vue.js环境安装及用wepack创建项目

1、安装node及npm

在官网下载node http://nodejs.cn/download/；
我选择的是windows的msi安装包，直接点击安装即可。
安装完成后自动配置了相应的环境变量，而npm则是集成在新版的node安装包中。

2、npm配置淘宝源

npm镜像比较慢，建议配置淘宝源：
临时使用：

npm --registry https://registry.npm.taobao.org install express

持久使用：

npm config set registry https://registry.npm.taobao.org

安装使用

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

3、安装vue

cnpm install vue  //没有配置淘宝源的话cnpm改成npm
cnpm install --global vue-cli //配置全局vue-cli

4、构建vue项目

//创建一个基于 webpack 模板的新项目
vue init webpack vue-helloworld

一路回车，具体每个回车的意义看提示就能明白，需要注意的是途中的三个no，这几个选y会下载一些东西，可能导致失败，这里为了简单起见直接选了n。

项目构建完成以后，进入项目目录中：

cd vue-helloworld

然后执行：

cnpm run dev

到这里项目就启动成功了，然后游览器输入 http://localhost:8080 即可访问到初始界面了。