一、基础环境搭建

 

 

 

（1）安装node.js一、基础环境搭建(init programe)

 

这个大家都已经安装,那么npm也就已经安装

需要注意：npm需要访问国外的比较慢，所以我们换成是下载国内的资源，换成是淘宝的镜像

##换成淘宝镜像命令##

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

npm cache clean

 

（2）安装git

 

这个大家也已经安装

 

（3）安装vue-cli

 

#cnpm install -g vue-cli

 

//卸载

#npm uninstall vue-cli -g;

 

（4）安装webpack

 

#cnpm install -g webpack

 

（5）测试是否安装成功

 

打开git bash here

##测试node是否安装##

node -v  

##测试npm/cnpm是否安装##

npm -v  

##测试vue-cli是否安装

vue -V        

##测试webpack是否安装

webpack -v

以上都成功就表示初始环镜就安装完成了

恭喜你第一阶段已经完成

 

 

 

二、安装代码

想使用vue-cli首先要安装node，（一般现在比较新的版本就自带npm）

使用npm创建一个vue项目的具体步骤如下：

1. npm install -g vue-cli   //全局安装vue-cli

2. vue init webpack my-project  //创建一个基于“webpack”模板的vue项目，接下来会有提示输入项目的名称，描述以及所需要的测试工具，我测试工具全部N（因为暂时不需要）

3. cd my-project //进入自己的项目目录里

4. npm install //安装项目所需要的依赖

5. npm run dev //运行项目

如果运行成功，修改代码保存后，浏览器就可以实时看到改动的结果了。

另外，如果项目中需要使用vue-router、vuex的功能，也需要npm安装一下

npm install vue-router --save //

npm install vue-resource--save //

     npm install vuex --save  //--save是在安装后同时保存到配置文件package.json中