vue 新建项目

一、.下载node.js进行安装，如果已有则直接进行项目的新建

二、.打开控制面板检查是都安装完成

 

 

 三、项目初始化：

1）、全局安装vue-cli

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

 

 

2）、查看vue-cli是否成功，不能检查vue-cli,需要检查vue

 

 

 3）、新建项目，我的项目名称vue-vr

vue init webpack vue-vr   注意，这里的项目名称不能有大写

4）、创建好了之后进行安装依赖

npm install

5)、依赖安装成功运行项目，

npm run dev

 

 

 安装成功。

因为我用到elementUI，所以安装elementUI

四、在该项目下安装elementUI

npm i element-ui –S （安装elementui）

在package.json中检查是否安装成功：如果出现说明安装成功

 

 

 在main.js中引入elementui （main.js是入口文件，所以在这里引入就行，页面就不用引入了）

然后引入elemenTUI的css

 

 

 成功！因为要钱都端交互，所以还要安装axios，安装如下

五、安装axios

npm install --save axios vue-axios

在main.js中引入，

 

 

 然后在config的index.js里的proxyTable里添加代理，进行跨域设置

 

 在页面中引用：

 

 这样就完成啦！