Vuejs环境搭建

1.安装Node.js ,因为Nodejs里面有附带的npm (node包管理器)，以下是我自己亲测有效的步骤，我的电脑配置时win7 64位

Node下载链接： 32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

Node安装步骤：http://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装完成查看系统路径

点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;
C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;
c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;
C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;
C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

3.检查node的版本

点击开始=》运行=》输入"Node.js command prompt" ,以管理员身份打开，在dos界面输入npm -v,如果查到的版本低于3.0，用npm install npm -g 更新npm的版本，再次输入 npm -v 确认版本大于3.0

4.安装淘宝镜像：国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像，不用镜像后面的安装还可能报错，安装命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org

5.安装 Vue ,继续输入命令 npm vue,成功后，安装vue的命令行工具，使用命令npm install --global vue-cli,安装成功后可以尝试建第一个VUE项目

6.建第一个VUE项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev
   
   Documentation can be found at https://vuejs-templates.github.io/webpack

进入项目，安装并运行：

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：