前端归纳整理环境组件选择Vite为什么选Vite构建Vite总结初始化项目构建组件模块包启动一件组册组件选择组件模块element-plus封装组件构建使用装配全局关于仓库Vuex介绍什么是VueX:为什么选用Vuex总结构建本次组件仓库选择pinia构建piniaRouter构建配置全局网络请求选用--axios注册全局封装get,post接口调用测试使用日常本地接口调用mock数据:vite-plugin-mock引入依赖配置vite.config.tsnprogress进度条登录页测试(###)后续页面搭建落空下面是搭建可能遇到的问题:webstorm识别不到vite的@启动可能会报错找
vue3+vite项目不能通过require引入文件,因为require是webpack自己封装的方法,在vite中没有封装该方法所以在调用require时会报错。初始化引入本地文件可直接通过import进行引入importbooksDatafrom'@/data/zhouyi/yijing_yuanzhu/json/data.json';如果需要动态引入,则需要通过axios进行引入安装axios:npminstallaxios注意:如果默认安装最新的axios,运行项目可能会报错(Cannotreadproperty'FormData'ofundefined)然后页面空白,原因是axios
使用示例//vite.config.jsimportcreateHtmlPluginfrom'./vite-plugin-html.js'exportdefaultasync()=>{//前置处理constpages=[{//默认的filename是template的文件名,即此处为index.htmltemplate:'templates/index.html',injectOptions:{data:{//替换模板的内容}}},{//filename会用于路径匹配//path模式下正则表达式为://`^\\/${filename}(\\?\w.*|\\/[^\\.]*)?$`//与之相对的
使用示例//vite.config.jsimportcreateHtmlPluginfrom'./vite-plugin-html.js'exportdefaultasync()=>{//前置处理constpages=[{//默认的filename是template的文件名,即此处为index.htmltemplate:'templates/index.html',injectOptions:{data:{//替换模板的内容}}},{//filename会用于路径匹配//path模式下正则表达式为://`^\\/${filename}(\\?\w.*|\\/[^\\.]*)?$`//与之相对的
当引入path时报Dynamicrequireof“path”isnotsupported错误错误代码:解决:查看vite的版本如果是3.1.x不支持commonJS,所以要改为import{}from’’就可以了
1.使用vscode创建项目 npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例,如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quickstart-cli.html3.下载uview-plus1)uview-plus依赖SCSS所以需要先下载sass和sass-loadernpmisasssass-loader@10-D2)依次安装以
今天在开发过程中碰到了导入模块时提示无法找到模块这个问题,分享一下我的解决思路首先产生这个错误是:无法找到模块XXX,并且提示'XXX'isdeclaredbutitsvalueisneverread产生这个问题的原因是我们使用了ts语法,他只能识别.ts文件,并不能识别.vue文件,所以在引入组件的时候报错了注意:这个错误并不影响代码的正常运行,只是在编写代码时,importxxxfrom'xxx'会一直飘红,很影响观感这里提供一种解决方案如下:在项目的根目录下创建一个xxx.d.ts文件,文件名自定义即可,后缀必须是.d.ts在刚刚创建的文件中输入一下代码declaremodule'*.v
一、打包命令npmrunbuild二、错误1:出现打包报错:块的大小超过限制,Somechunksarelargerthan500kbafterminification在vite.config.js中加入下面的代码build:{chunkSizeWarningLimit:1000,rollupOptions:{output:{//分包manualChunks(id){if(id.includes("node_modules")){returnid.toString().split("node_modules/")[1].split("/")[0].toString();}},},},}vite
Vite跨域设置步骤一vite.config.ts配置proxy:{//跨域代理'/apis':{//target:'http://'+env.VUE_APP_BASE_API,target:'http://url:port',//changeOrigin:true,rewrite:(path)=>path.replace(/^\/apis/,'')},//代理WebSocket或socket//'/socket.io':{//target:'ws://localhost:3000',//ws:true//}},步骤二axios在封装baseURL要改为代理的本地地址/apisbaseURL:
开场最近chatgpt已经火爆了,几乎是家喻户晓老少皆知啊,公测推出60天后就已经是UV人数过亿,日访问量号称也是过亿。投资chatgpt研发团队的微软也是2个月内迅速推出自己的chatgpt的bing搜索,股票下载量都是暴增啊。前面文章已经介绍过chatgpt技术可能会对整个人类组织分工带来的影响以及原因,这里就不在继续歪歪了。chatgpt的一些思考从这篇文章开始,我打算实现一个mini版本的chatgpt,把背后的原理算法、数据准备工作都会介绍到。这系列文章预计会有7-8篇,主要是讲实现,不会介绍transformer模型技术细节、ppo数学推理。到最后大家可以收获一个问答式的文本生成工