创建一个vue项目 第一篇:vuex配置

1.初始化命令

vue init webpack my-vue

创建一个vue项目 第一篇:vuex配置_第1张图片

  • ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 ESLint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。

2.下载依赖包+添加插件依赖

npm i
cnpm i
yarn add
//vuex 依赖包
npm install vuex --save   简写  npm i vuex -S
-S ::是--save 简写 把下载后的依赖包放在dependencie上线之后需要的依赖
-D ::是--save--dev 简写 把下载的依赖包放在devDependencies开发时候需要的依赖
还有一种情况是 npm i vuex 后面什么都不跟,这种依赖下载到自己本地,不能更别人共享开发项目

3.依赖包配置

//vuex 依赖包
1.Vuex  store  模块化(module)配置如下图
2.在main.js中引入store文件并在
new Vue({
     
  el: '#app',
  router,
  store,// 引入
  render: h => h(App)
})  

  • Vuex store 模块化(module)配置如下图创建一个vue项目 第一篇:vuex配置_第2张图片
    • 模块内部配置创建一个vue项目 第一篇:vuex配置_第3张图片

你可能感兴趣的:(vue,vuex配置,vuex模块化配置,引入vuex模块化,vuex模块化,vuex)