1、下载 node.js 这是运行环境,个人理解为java的jdk.  下载地址 http://nodejs.cn/download/

历史版本下载地址,不建议使用最新的版本,容易有兼容性的问题;https://nodejs.org/zh-cn/download/releases/

2、安装node.js z安装包,exe程序下一步下一步即可,安装完毕根据 node -v    npm -v查看版本(npm是其自带的,依赖管理工具。类似java中的maven、gradle)

3、使用npm来安装vue    ; 执行

   npm install –global vue-cli

4、新建一个文件,相当于是工作空间,不是项目文件夹。

依次执行命令:

vue init webpack projectName    #其中projectName是项目名称,换成自己的

cd projectName 

npm install   

npm run dev 

5、执行npm  run dev 就启动项目了,如下图:

6、因为老王习惯使用IDEA编辑器,所以我在IDEA中配置VUE项目启动和关闭,效果和上面npm run dev 一样效果。新增一个NPM配置,命令run  脚本 dev 即可

7、安装axios 和一个vue框架 element

npm install axios

npm i element-ui -S

 

 

VUR 各个文件夹的作用: