1、安装node.js
2、下载 cnpm 目的是安装时速度提升,下载路径如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、搭建vue开发环境,安装vue脚手架工具,官方命令提示:
cnpm install -g vue-cli
4、创建项目
手动创建项目名称 vuedemo
cd vuedemo
vue init webpack 或者 vue init webpack --offline (离线安装)
然后一路回车
cnpm install
5、运行测试
npm run dev
6、安装elementui
cnpm i element-ui -S 或者 npm i element-ui -S
注意 : 报有关 tff 的错,element-ui/lib/theme-chalk/fonts/element-icons.ttf 等 则需要在 webpack.config.js添加:
{
test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file-loader'
}
7、路由安装
npm install vue-router --save 或者 cnpm install vue-router --save
8、axios 安装
cnpm install axios --save