目录下载安装和初始化VSCode安装Node.jsyarn使用pnpm 安装与使用搭建第一个Vite项目使用PNPM创建项目项目目录解读下载安装和初始化VSCode1、访问网站VisualStudioCode-CodeEditing.Redefined2、选择平台版本选择符合自己操作系统的安装包下载完毕，根据安装向导安装。限于篇幅，不再赘述。3、安装一个VSCode插件ChineseSimplifiedLiveServer4、安装主题Monokai安装Node.js1、访问网站Node.jsNode.js官网默认监测你的电脑操作系统，给出相应版本，建议安装LTS版本。点击按钮下载安装包，根据安
本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）序号文章0组件库展示1通过JSON配置–头部搜索条件的封装组件2通过JSON配置–表单Table的封装组件3页脚的封装组件4通过JSON配置–Form表单的封装组件5生成npm组件库6发布到npm7vitest为组件库添加单元测试8vuepress为组件库生成文档9通过github或者giteepages将组件库文档发布到线上，免费！10源码地址文章目录组件库开发流程0.简介1.安装依赖2.配置Vitest2.1添加三斜线指令2.2在d
正常的动态组件导入方式webpack搭建的项目，不管是react还是vue通常引入动态组件基本这么写：consturl=import(`../pages/${locale}`)//vite不支持orconsturl=import(`../pages/${locale}/index.jsx`)//vite不支持这在vite架构中，一般情况下开发不会有问题，但是使用build打包就会给出警告提示。错误信息：TheabovedynamicimportcannotbeanalyzedbyVite.Seehttps://github.com/rollup/plugins/tree/master/pack
vue3+vite静态页面部署到giteepagesgitee创建开源仓库修改项目部署到gitee中随着vue3的成熟，vue2将在2023.12.31停止维护，所以有必要搞一下vue3项目静态页面怎么部署到gitee中了如果还有想部署vue2静态页面到gitee中的话，访问https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502vue3+vite+ts脚手架创建就不写了，随便搜一搜，一大把，直接上重点gitee创建开源仓库仓库名字自定义，例如我的仓库名字是vue3_viteapp；一
vite使用本地ip+localhost访问服务在vite.config.js中，如果未配置server.host，默认服务将以localhost进行启动，此时我们可以通过localhost:port或127.0.0.1:port进行应用访问。import{resolve}from'path'functionpathResolve(dir:string):string{returnresolve(process.cwd(),'.',dir)}exportdefaultdefineConfig({resolve:{alias:{'@':pathResolve('src')}},server:{p
一、前言最近干活中遇到请求访问地址代理的问题，http请求代理到是没啥问题，主要是WebSocket代理配置，今天折腾了一上午加下午一小时，才将其配置好，主要是部署服务器的时候nginx这一块不太清楚，作为一个初级前端，确实还有待提高。本文主要细致的讲解一下ws代理如何设置，在开发环境主要是vite代理设置方法，生产环境给Nginx设置代理。请求地址及处理在代码编写过程中，主要是url应该如何拼写，下面是项目中使用的请求地址：//动态获取地址constwsUrl=`ws://${location.host}/wsUrl/test`;//创建连接constsocket=newWebSocket(
Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子，立方体，球体2、材质和光照3、材质和光照和动画4、性能监控5、交互控制6、响应窗口变化三、基础场景搭建1、创建基础场景【实现添加几何体和删除几何体】2、实现雾化场景3、重写材质4、常见几何体5、修改几何体属性6、相机切换7、相机跟随四、光照1、环境光2、点光源3、聚光灯4、平行光5、半球光五、小车案例1、基础环境搭建2、载入模型，实现轨道控制器3、实现模型颜色材质调整，轮子转动4、源代码下载项目
项目使用技术：uniapp+vue3+vite4.0.3+node(v16.20.0)"@dcloudio/uni-app":"3.0.0-alpha-3081220230731001","@dcloudio/uni-mp-weixin":"3.0.0-alpha-3081220230731001","vue":"^3.3.4","vite":"4.0.3","engines":{ "node":">=16.20.0", "pnpm":">=8.0.0"},最新测试：使用高版本node（v18.15.0）,删除node_modules依赖，重新安装，以下2个问题都可以解决
1.获取图标文件里的所有图标 {{item}} import{ref}from'vue' importSvgIconfrom'@/components/SvgIcon/index.vue' consticons=[]asstring[]//获取图标文件 constmodules=import.meta.glob('../../assets/icons/*.svg') for(constpathinmodules){ constp=path.split('assets/icons/')[1].split('.svg')[0]//icons为图
我是南城余！阿里云开发者平台专家博士证书获得者！欢迎关注我的博客！一同成长！一名从事运维开发的worker，记录分享学习。专注于AI，运维开发，windowsLinux系统领域的分享！本章节对应知识库南城余—Java全栈(yuque.com)本内容来自尚硅谷课程，此处在知识库做了个人理解四、Vue3简介和快速体验4.1Vue3介绍Vue(发音为/vjuː/，类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。官网为:Vu
