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/，输出结果以下所示：