简单搭建流程,希望对大家有帮助。
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---