VUE+IVIEW从无到有实践（一）

搭建VUE+IVIEW脚手架和npm命令构建完成项目

一.必备条件 Node Js：

      安装好了node js，查看版本

C:\Users\Administrator>node -v
v11.0.0

二 安装npm命令

C:\Users\Administrator>npm -g install npm

三 查看npm版本

C:\Users\Administrator>npm -v
6.4.1

四设置镜像

npm install -g cnpm --registry=https://registry.npm.taoba
o.org
或者
npm config set registry=https://registry.npm.taoba
o.org

如果公司代理服务器，需要

npm config set proxy =https://10.X.X.X

五 安装vue-cli

C:\Users\Administrator>cnpm install -g vue-cli

6.创建项目

切换到 项目目录下（自己随意指定）

C:\Users\Administrator>cd D:\vue-workspace

C:\Users\Administrator>D:

D:\vue-workspace>vue init webpack javalsj-vue

7.安装cnmp

扫描二维码关注公众号，回复： 6240157 查看本文章

  切换到项目中

D:\vue-workspace>cd javalsj-vue
D:\vue-workspace\javalsj-vue>cnpm install

8启动项目

D:\vue-workspace\javalsj-vue>npm run dev

9访问日志中给出的路径

验证项目是否成功

10 安装iview

D:\vue-workspace\javalsj-vue>npm install iview --save

11.安装axios请求控件

D:\vue-workspace\javalsj-vue>cnpm install axios

12 bulid项目

D:\vue-workspace\javalsj-vue>npm run build