vue + element-ui + webpack 项目搭建

简单搭建流程，希望对大家有帮助。

node.js 安装

node.js官网下载地址：https://nodejs.org

安装好node.js后，使用命令检查node.js是否安装成功：

$ node -v
10.6.0

npm 安装

npm中文文档：https://www.npmjs.com.cn/

node.js自动集成npm，所以无需再次安装，使用命令检查npm是否安装成功：

$ npm -v
6.1.0

cnpm 安装（非必须）

因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常。所以淘宝团队为大家做了贡献，在这里我们把cnpm理解为中国版的npm。

注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm。

安装命令：

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

检查cnpm是否安装成功：

$ cnpm -v

vue 安装

安装命令：

$ npm install vue
#检查vue是否安装成功（ 注意“-”号后面接的是大V）
$ vue -V
2.9.6

vue-cli 安装

安装命令：

$ npm install vue-cli -g

webpack安装（非必须）

webpack中文文档：https://www.webpackjs.com/concepts/
安装命令：

$ npm install webpack -g 

创建一个基于 webpack 模板的新项目

创建命令：

$ vue init webpack project-name

进入项目安装依赖

安装命令：

$ cd project-name
# 可能会花一些时间，也可尝试cnpm install
$ npm install

element-ui 安装

element-ui官网：http://element-cn.eleme.io/#/zh-CN

安装命令：

$ npm i element-ui -S

axios 安装（非必须）

axios中文说明：https://www.kancloud.cn/yunye/axios/234845

安装命令：

$ npm install axios

运行项目

命令：

$ npm run dev

通过浏览器访问 http://localhost:8080，显示vue欢迎页面说明项目初始化成功。

---END---