uniapp+uviewPlus+vue3+ts+pinia+vite开发基础模板使用uniapp+vue3+ts+pinia+vite开发基础模板，拿来即可使用，不要删除yarn.lock文件，否则会启动报错，这个可能和pinia的版本有关，所以不要随意修改。拉取代码gitclonegit@github.com:Sjj1024/uniapp-vue3.git使用yarn安装依赖yarn一定要使用yarm，否则yarn.lock就没用了，那你的启动依然会报错。然后执行相应平台的启动命令即可。执行微信小程序pnpmrundev:mp-weixin然后在微信小程序打开，导入这个编译好的文件夹：di
本篇文章主要是，使用vite创建一个vue3书籍商城的小型案例，项目中主要运用到路由router及接口axios等知识点。1.开始搭建项目框架，使用vite来构建项目npmcreatevite@latest2.由于vite构建的项目中需要自己手动下载路由以及创建路由文件夹，所以在创建好的项目文档中找到src文件夹，在src文件夹下创建router文件夹，并且在其下创建index文件，对于index文件中要写的内容如下，在此之前还需要创建一个views文件夹，本次项目主要用到三个页面，所以需要在views文件夹下需创建三个文件，包括HomeView.vue、AboutView.vue、UserL
js解決window.open("https://view.xdocin.com/view?src="+encodeURIComponent(url)+'&toolbar=false');可选参数&pdf=true，word文档尝试以pdf方式显示，默认false&watermark=水印文本，显示文本水印；“img:”+图片url表示图片水印，如：img:https://view.xdocin.com/demo/wm.png&saveable=true，是否允许保存源文件，默认false&printable=false，是否允许打印，默认true©able=false，是否允许选择复制内容，
最近写项目卡在iconfont的引入上面，实在太粗心了呜呜呜，浪费了好多时间，以此片记录一下！1、选择想要的图标加入购物车，官网地址2、点击右上角购物车图标。点击下载代码，并添加至项目。注意：下载代码要记住指定位置。添加项目可以添加到以前的项目，没有项目就创建项目。3、将下载好的代码文件放入项目中的assets目录的styles下iconfont.css直接放在styles下在styles目录下新建目录iconfont，将iconfont.ttf、iconfont.woff、iconfont.woff2放在里面一共是复制了四个文件4、到iconfont.css文件中修改路径（我就是忽略了这一步
过了一遍vue2的router，整理一下小结目录一、前端路由的概念与原理1.1什么是路由1.2路由的工作方式二、vue-router的基本使用2.1安装、配置、使用router2.2redirect重定向三、嵌套路由3.1声明子路由的规则3.2默认子路由四、动态路由4.1动态路由的概念4.2动态路由取参方式一（:参数项)4.3动态路由取参方式二（props传参）--常用4.3动态路由-query&fullPathquery传参取值五、编程式导航跳转5.1声明式导航&编程式导航5.2vue-router中的编程式导航API六、导航守卫6.1什么是导航守卫6.2全局前置守卫6.3守卫方法的3个形参
前言由于自己上一把忘记写log导致不小心把我的前端项目删了重新随便写点log记录一下由于各种版本不适配问题，请大家谨慎看攻略参考。另外，由于博主主要还是写后端，所以对ui并没有加以处理，进阶就不需要参考了！但是博主还是很乐于学习的，如果有什么好的意见和建议，欢迎大家批评指正！创建“第一个vue”项目1.首先安装node.js、cnpm、vue-cli，自己以前都装了配套环境，不会建议百度，这里不加赘述。2.这里我的是3.x版本，检查一下npminstall-g@vue/cli，更新完毕如果出现错误提示或许可以参考https://blog.csdn.net/m0_62639693/article
Vue中使用WebSerialAPI连接串口，实现通信交互WebSerialAPI，web端通过串口与硬件通信;该API是JS本身navigator对象上就独有的，所以与Vue和React框架开发都没有太大的关系，串口是一个双向通信接口，允许字节发送和接收数据。WebSerialAPI为网站提供了一种使用JavaScript对串行设备进行读写的方法。串行设备可以通过用户系统上的串行端口连接，也可以通过模拟串行端口的可移动USB和蓝牙设备连接。换句话说，WebSerialAPI通过允许网站与串行设备(如微控制器和3D打印机)通信来连接网络和物理世界。这个API也是WebUSB的好伙伴，因为操作系
官网地址：https://vueup.github.io/vue-quill/效果图 1、安装npminstall@vueup/vue-quill@alpha--savenpminstallquill-image-extend-module--savenpminstallquill-image-resize-module--save2、在vue.config.js中添加配置，否则quill-image-resize-module会出现Cannotreadproperty‘imports‘ofundefined报错问题varwebpack=require('webpack');module.ex
具体步骤Vue中配置（1）更改router模式，添加前缀位置：router文件夹下面的index.jsconstrouter=newRouter({base:'/nhtjfx/',//路由前缀（该地方配置后，会发现你的启动地址也会加上这个前缀）mode:'history',//采用history模式URL的路径才跟配置的对应上，不然URL是先加/#再追加配置的地routes:[...]});（2）实现静态文件加前缀位置：vue.config.js静态资源css,js之类的的src或href引用位置会加上这个前缀,会体现在打包后的index.html文件内容例如未加之前："./static/js
有些功能只能在https环境下进行测试，如何在线下运行时进行https调试呢？开启vite.config中的https，然后引入并使用一个自动签名的包即可。方式1：npmi @vitejs/plugin-basic-ssl-D//vite.config.jsimportbasicSslfrom'@vitejs/plugin-basic-ssl'exportdefault{server:{https:true},plugins:[basicSsl()]}启动项目弹出一个⚠️页面，会提示不信任的证书。方式2：下面我们使用警告模式:vite-plugin-mkcertnpmi vite-plugin
