1. 首先需要下载node.js进行安装,一路默认即可
2.将安装好的node.js文件下npm.cmd进行Path 系统环境配置
3.进入cmd命令窗口 输入 npm 查看是否安装好 npm -v查看版本
4.使用 npm install vue命令 安装vue.js
(在使用npm安装一些依赖包时产生速度慢或卡顿 可以安装 淘宝镜像 cnpm)命令: npm install cnpm -g
5. 安装全局脚手架 npm install --global vue-cli (淘宝镜像装了则使用cnpm install --global vue-cli)
使用 vue -v 查看版本(vue命令可以通过 path 环境将安装好的vue.cmd配置)
6. cd进入项目文件夹 创建基于webpack模板的项目 vue init webpack 项目名 配置过程可以使用默认的
7. cd 进入创建好的根目录 如: (1) cd my-project (2)安装依赖包 npm install (3) npm run dev 运行
创建好的项目目录如下:
在src文件下 引入iview
import iView from 'iview'
import 'iview/dist/styles/iview.css'
//导入样式
Vue.config.productionTip = false
Vue.use(iView)