1、在项目想搭建的目录中 无需建立项目文件夹
npm i vue-cli -g 这是构建vue 脚手架（是全局安装，以后直接进行下一步即可）
2、vue init webpack vue_demo vue_demo就是项目名称
vue init webpack-simple vue_demo 这个是简版的
3、接着填写项目相关 一直回车
注意 尽量不要启动严格模式 eslint 选n
4、命令行输入npm i 下包 npm run dev 即可打开
5、默认不可以在浏览器打开，可以在config-index.js中进行修改，
// 各种设备设置信息
host: 'localhost', //主机名
port: 8080, // 端口号（默认8080）
autoOpenBrowser: false,//是否自动打开浏览器//想让浏览器自动打开，只需将false改为true即可，为防止端口号冲突，这里也可以随意更改端口号
7、如果使用less 要安装less loader
npm install less less-loader --save-dev
如果不是用webpack还需要在配置文件中配置 详见：
1） 下载 npm install vuex -S
2） 创建js文件， src/vuex/store.js
3） 在store.js中注册仓库
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
// 定义状态
state: {
author:'dongwei',
isLogin :'100'
},
mutations:{
isLogin(state,msg){
state.isLogin = msg;
localStorage.setItem('isLogin',msg)
}
}
})
export default store
4) 在main.js中 引入模块
// 引入vuex import Vuex from 'vuex' import store from './vuex/store' Vue.use(Vuex)
挂载到实例上
new Vue({
el: '#app',
router,
store,
components: {
App
},
template: '<App/>'
})
这样就可以使用store中的数据了
9、在vue中使用axios
下载： npm i axios -s -d
在main.js中配置
在项目中使用以下方式请求：
10、在vue中跨域访问数据
在config/index.js中配置
11、vue中使用公共函数
详在项目中可以使用this.setToken('aaa','aaa')这种方式进行调用
12、如何使地址栏中去掉#号
在router/index.js中配置mode
