Vue项目的创建

前置： 电脑中安装好 npm

Vue项目的创建

1. 安装 vue-cli vue的脚手架
   npm install -g vue-cli 全局安装
2. 使用脚手架构建 vue项目
   准备好项目文件夹，运行命令 vue init webpack 项目名称
   全部保持默认，按回车即可
3. 安装需要的插件，如vuex ，element-ui ，axios等
   cd 项目名称
   npm install vuex --save
   npm i element-ui -S
   npm i axios -S
   …
4. 注册插件
   打开src/main.js文件
   导入插件

  import Vuex from 'vuex'
  import axios from 'axios'
  import ElementUI from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'

注册：
Vue.prototype.$axios = axios
Vue.use(ElementUI)
Vue.use(Vuex)
注意： Vuex创建好的实例还需要挂载在 Vue实例中

6. 创建需要的文件夹，如 views, store 文件夹
   
7. 启动项目
   npm run dev