idea+vue-cli+webpack+iview构建前端项目

1.安装node.js

https://nodejs.org/en/,下载完成后，安装过程只需要点击“下一步”即可

 

node -v显示node.js版本

2.cpnm全局安装vue-cli

由于资源的限制，安装npm依赖包的时候经常失败，建议使用npm的国内镜像cnpm 命令行工具代替默认的npm

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

cpnm全局安装vue-cli

cnpm install -g vue-cli

3.构建基于 webpack 的vue项目

vue init webpack du-front-qinglong

cd du-front-qinglong

安装iview 当前项目根目录执行命令

npm install --save iview

4.项目导入idea

引入iview,src/main.js新增以下3行代码

import iView from 'iview' // 引入iview依赖
import 'iview/dist/styles/iview.css' // 引入iview css样式
Vue.use(iView)

 

idea配置启动项目

点击run,打开浏览器访问