1.必须要有的环境
node.js环境(npm包管理器)
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像
1.node.js的安装
转载:安装教程
2.安装cnpm
命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,没报错表示安装成功
3.安装vue-cli 脚手架构建工具
在命令行中运行命令 cnpm install -g vue-cli ,假如提示不是内部或外部命令
转载:https://yidashi.blog.csdn.net/article/details/85296607
4.使用vue-cli来构建项目
首先命令行进入建项目的文件目录下,我直接在D盘下,在命令行中运行命令 vue init webpack firstApp 。运行初始化命令的时候会让用户输入几个基本的配置选项 输入 cd firstApp 进入相应文件夹在输出 npm run dev 就可启动项目.
5.安装 iview
在项目目录下命令行输入 cnpm install --save iview
再在main.js中添加
import iView from 'iview'
import 'iview/dist/styles/iview.css' // 使用 CSS
Vue.use(iView)