[vue] 新项目配置整理(没写完,回头有空继续)

省流版(vue2项目):

脚手架:vue create xxxx

vuex:npm i vuex@3

router : npm install vue-router@3

vue cli创建项目

javascript 复制代码
vue create xxxx(项目名称)

添加基本配置

javascript 复制代码
module.exports = {
    lintOnSave: false, // 关闭eslint检查
    publicPath:'./', // 部署应用包时的基本 URL
    devServer: {
        proxy: { // 代理设置
            '/api': { // 配置代理解决同源策略问题 
                target: 'https://xxxxx',
                changeOrigin: true,
                pathRewrite: { '^/api': '' },
                ws: true
            }
        }
    }
}

// 在以下情况下,应当避免使用相对 publicPath:
// 当使用基于 HTML5 history.pushState 的路由时;
// 当使用 pages 选项构建多页面应用时。

配置vuex

这里要注意版本问题

vuex现在有 3 和 4 两个版本,一定要加尤其是vue2项目,一定要加@3,别看官网上那个,不对

vue2 装 vuex3 :

javascript 复制代码
npm install vuex@3 --save

vue3 装 vuex4 :

javascript 复制代码
npm install vuex@4 --save
相关推荐
前端架构师-老李22 分钟前
16 Electron 应用自动更新方案:electron-updater 完整指南
前端·javascript·electron
一只学java的小汉堡30 分钟前
HTML 01入门:从概念到开发环境搭建与页面头部配置
前端·css·html
拖拉斯旋风36 分钟前
📚 JavaScript 变量声明三剑客:`var`、`let`、`const` 学习笔记
javascript
用户21496515898751 小时前
从零搭建uniapp环境-记录
前端
可触的未来,发芽的智生2 小时前
追根索源:换不同的词嵌入(词向量生成方式不同,但词与词关系接近),会出现什么结果?
javascript·人工智能·python·神经网络·自然语言处理
努力写代码的熊大3 小时前
stack、queue与priority_queue的用法解析与模拟实现
java·前端·javascript
im_AMBER3 小时前
React 06
前端·javascript·笔记·学习·react.js·前端框架
wyzqhhhh3 小时前
前端常见的设计模式
前端·设计模式
IT_陈寒3 小时前
React 19重磅前瞻:10个性能优化技巧让你少写30%的useEffect代码
前端·人工智能·后端
m0_748233644 小时前
C++开发中的常用设计模式:深入解析与应用场景
javascript·c++·设计模式