Vue.js 安装及其环境搭建

For me or other first studying vue.js。

For Windows PC:

1.先安装node.js 安装官网最新的便可 版本应该要大于6.0版本

nodejs的官网：https://nodejs.org/en/

 

2.安装git Git的官网：https://git-scm.com/downloads

 

3.安装成功后，查看PC 命令行工具，敲击 node -v 和git --version 指令，能看到相应的版本信息，说明环境变量都已经配置成功。

 

4.而后使用node.js npm工具download ，可是npm工具在国内网络比较慢，因此建议走cnpm 镜像来download。

装镜像cnpm，在cmd中输入:npm install -g cnpm -registry=https://registry.npm.taobao.org 回车

5.安装成功后，使用cnpm安装vue-cli 脚手架工具，

在cmd中输入:  cnpm install -g vue-cli 回车，等待安装

6.安装成功后，在PC命令行工具，敲击vue指令，能看到相应的信息，说明vue脚手架安装成功。

7.而后进入须要建project的磁盘，开始建立项目：vue init webpack xxxxx   (xxxxx是你建立的项目名)

ps：第四个问题是一个选择，你能够经过上下箭头来选择，通常选择第一个

后面的问题都是根据须要来回答yes or no  vue-router 路由插件        ESLint 代码检查工具        unit test 单元测试        nightwatch 测试框架

作完这一步，已经出现vuedemo2文件夹，这个就是建立的项目。

 

8.而后进入建立的vuedemo2目录，敲击指令cnpm install 下载一些依赖。

9.而后将项目跑起来。

10.项目跑起来后，会提示以下：

11.而后访问 http://localhost:8080

 

 

关于Vue环境安装和测试运行部分已经OK了。