Vue+Element UI 搭建新项目

最近在学习vue，遇到问题还挺多的，记录一下~
1、使用npm安装vue.js
一般安装了node.js的电脑npm也安装好了，可以通过在cmd中输入 “npm -v” 来测试是否成功安装。具体node.js安装可以看菜鸟教程：node.js安装配置
npm一般比较慢，可以采用淘宝的镜像和命令cnpm，安装使用的npm版本要大于3.0，低于此版本需要先升级(cmd下操作）

# 查看版本
 npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

然后安装vue.js，创建项目，这个博客写的很详细而且有三种方法，我使用的第三种~安装vue.js
（我在输入命令vue init webpack firstApp时一开始很慢很慢，没关系，关掉多试试就可以啦）
2.安装element ui
创建完一个新项目后，cmd进入该目录下，输入命令安装element ui

npm install element-ui -S//也可以使用cnpm

打开新项目的package.json文件，在“dependencies”下看见有关element-ui的信息说明安装成功

然后打开新项目的src目录下的main.js,

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import ElementUI from 'element-ui'//新加入
import 'element-ui/lib/theme-chalk/index.css';//新加入，尽量把这两个import写在import App之前，防止出错
import App from './App'
import router from './router'


Vue.use(ElementUI)//新加入
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

然后就可以用element ui的组件啦！
如果出现安装完成之后 启动项目出现err可以百度先排查一下，如果没有用可以在新项目下 输入：

npm i//npm install

然后在启动项目：

npm run dev

头秃，光安装鼓捣了好几天，希望对你有用呀！