vue-项目搭建

1.下载node.js，node -v显示版本号

2.淘宝的cnpm命令管理工具可以代替默认的npm管理工具：$ npm install -g cnpm –registry=https://registry.npm.taobao.org；

3.全局安装vue-cli脚手架，输入命令：cnpm install –global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

这里写图片描述

4.cd到指定路径：vue init webpack my-project 回车，my-project是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route

5.文件夹已经下载好了，现在就可以进入文件夹，输入： cd 项目名字 回车，因为各个模板之间都是相互依赖的，所以现在我们要安装依赖， 输入命令：cnpm install

6.已经安装好之后，现在要来测试一下我们下载好的模板能不能正常的运行，在命令行输入：npm run dev

7.安装ElemntUI，引入样式，需要安装的环境依次如下:

cnpm install sass-loader --save-dev
cnpm install gulp-sass
cnpm install --save axios
cnpm install element-ui -S
cnpm install vuex --save
8.在main.js 写入如下代码即可

import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-default/index.css’
// 最新版的element-ui 的路径有改变 ：import ‘element-ui/lib/theme-chalk/index.css’（详见官网）
import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’

Vue.config.productionTip = false

Vue.use(ElementUI)

new Vue({
el: ‘#app’,
router,
router,
components: { App }
})