×

webpack

国际化vue-i18n之i18next-scanner教程的自动化使用

不能说的秘密 不能说的秘密 发表于2024-04-23 浏览7412 评论0
阅读本文你将会学到   (√ ) 解决页面使用变量名如$t('title')导致可读性差问题   (√ ) 解决国际化变量命名冲突问题   (√ ) 解决变量命名繁琐工作量大问题 本文适合已经配置好i18n的开发者, 如还不会配置i18n请阅读:  vue中如何使用i18n实现国际化 - 掘金 1. 安装node包  npm install vue-i18n@8 -S //安装8.x版本是为了兼容vue的2.x版本  npm install

webpack

前端笔记(8) Vue3+Vite 搭建项目 配置路径别名@

HT。 HT。 发表于2024-04-23 浏览6286 评论0
1 创建项目 先在命令行下面创建一个基于Vue+Vite的目录 输入项目名称,这里我输入study-vue 选择framework为vue 选择variant为vue-ts npm init vite@latest 结果如下: 2 安装依赖 安装依赖包 npm install 启动项目,测试是否可运行 npm run dev 如果上面的npm run dev可以将项目运行,那么说项目创建没有问题,可以继续安装一些我们常用的依赖包了 安装vue-router npm in

webpack

vue版本更新或卸载重装遇到的问题:1无法卸载,2卸载重装后vue -V仍显示旧版本号,3vue命令无法执行,4没有vue.cmd文件

ㅤ 发表于2024-04-21 浏览6163 评论0
将原本的2.9.6更换到了5.0.4 C:\Users\棣棠>node -v v16.10.0 C:\Users\棣棠>npm -v 7.24.0 C:\Users\棣棠>vue -V @vue/cli 5.0.4 这里我采用的是卸载重装的方法: 第一步:卸载 从3.0版本开始3.0及以后的称为新版本,新版本改为了@vue/cli 这是卸载旧版本(3.0前)的命令: npm uninstall -g vue-cli 这是卸载新版本(3.0后)的命令: npm

webpack

AST原理解析

752557pk 752557pk 发表于2024-04-21 浏览5126 评论0
什么是 AST 抽象语法树(Abstract Syntax Tree)简称 AST,是源代码的抽象语法结构的树状表现形式。webpack、eslint 等很多工具库的核心都是通过抽象语法书这个概念来实现对代码的检查、分析等操作。 // 简单函数 function square(n) { return n * n; } // 转换后的AST { type: "FunctionDeclaration", id: { type: "Identifier

webpack

Error occured while trying to proxy to: localhost:端口 报错500的解决方法

●°彩儿﹏ ●°彩儿﹏ 发表于2024-04-21 浏览9183 评论0
Error occured while trying to proxy to: localhost:端口 500报错的解决方法 提示:vue + webpack 使用了proxyTable代理出现的错误 问题描述: 提示:这里描述项目中遇到的问题: 例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据 APP 中接收数据代码: proxyTable: { '/api':{ target:'https://xxx.xxx.xxx.x

webpack

webpack配置vue3项目(vue3 webpack配置)

bluesuop bluesuop 发表于2024-04-21 浏览5646 评论0
声明:本文章采用node的包管理工具和webpack。 一、项目需要的基本依赖 1.vue的依赖 声明一点,自从22年3月依赖vue的默认版本就变成了3.x所有后面需要@指定版本。 npm i vue 2.ui组件库依赖 组件库可以自己选择 npm install element-plus --save 3.AJAX请求库依赖(axios) npm i axios 二、几个loader和webpack配置 webpack 打包

webpack

设置 NPM Registry 的 4 种姿势

haibao haibao 发表于2024-04-19 浏览6237 评论0
前言 前段时间,由于团队使用的 Monorepo 工程使用的工具是 Lerna,所以在思考如何改造的问题,最终整体的技术选型是 PNPM + Changeset + Turborepo。相应地,就需要在这个选型的背景下支持原先使用到的 Lerna 的能力。 其中,比较有意思的就是需要把 Package 发布到私有 Registry。因为,这里选择了 Changeset,所以最后执行发布的命令会是: pnpm changeset publish 那这个时候,就牵扯到一个问题,项目中的私

webpack

vue常用的命令(vue常用的命令实验报告心得)

blmblm blmblm 发表于2024-04-19 浏览4558 评论0
一、创建vue项目常用命令 如果vue项目出错了你可以把依赖删掉,清理一下缓存在重新安装 清理缓存     npm cache clean --force 第一步,创建淘宝镜像,安装npm镜像(如果已经安装的就直接第二步就可以了) npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步, 全局安装vue-vli     npm install --g vue-cli 第三步, 创建一个v