Vue全家桶项目创建指南

1. 切换到要存放项目的目录中，然后使用vue init webpack 项目目录名创建项目
   （1）填写项目名然后回车                                      习惯项目名小写
   （2）填写项目描述，不填可以直接回车                 回车
   （3）填写作者名回车                                             回车
   （4）安装路由模块，这个在一般项目中基本都会用到，填y然后回车          y
   （5）是否使用ESLint来强制规约代码，如果要约束代码规范可以填y然后回车加上，但是要求非常苛刻，如果不想要这个约束规范，那就选择n然后回车  n
   （6）是否安装单元测试，这里选择n吧，然后回车   n
   （7）这步先选择n然后回车，但Nightwatch（守夜者）的确是老牌的前端分层测试工具。    n
   （8）这里通过箭头选择使用npm安装并创建项目（这步别选错了！）    yes ,use npm  选第一个
2. 切换到刚才构建出来的前端项目的根目录

1. 按需安装插件

引入其他项目要删掉moduel文件,执行命令npm install

（可能出现的异常情况：报缺少依赖文件错误---->只引入src文件可能无效，static也要引入）

安装Vuex状态管理

cnpm install vuex --save

安装持久化插件

cnpm install --save vuex-persistedstate

安装axios

cnpm install axios
npm install --save axios

安装elementUI

1. npm i element-ui -S
2. 并在 main.js 文件中写入以下内容：

import Vue from 'vue';

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

import App from './App.vue';



Vue.use(ElementUI);



new Vue({

el: '#app',

render: h => h(App)

});

引入jq

npm install --save jquery

使用npm run dev来启动当前项目