前端学习手册
文章平均质量分 92
硅谷工具人
一颗么得灵魂的工具人,学废了。
展开
-
vue3前端开发系列 - electron开发桌面程序(2023-10月最新版)
我是先用pnpm创建了一个vue3+vite+ts项目,然后后续安装的时候使用pnpm安装electron一直有问题。还有nodejs的版本问题,这里安装的electron版本是26.3.0,推荐使用nodejs的版本为18.16.1。这里指定容器的高度和宽带为800*600,和electron.js中createWindow设置保持相同。在安装electron electron-builder时,可能会出现网络连接问题,请配置阿里的源。注意点:wait-on后面监控的tcp端口要和启动的端口保持一致。原创 2023-10-11 14:07:56 · 1694 阅读 · 6 评论 -
vue3前端开发系列(2) - 项目框架搭建篇(新手必看)
如果两个文件(.env.development和.env.production)在src文件夹里面,那么可以通过在vite.config.ts文件中设置envDir的值为"./src",在**项目根目录(通常是src目录外面)**新建.env.development和.env.production两个文件。项目别名配置的时候需要用的 path 模块,而path模块是node.js的内置模块,node不支持TS。模式启动,所以读取到的是.env.development文件中的值。原创 2023-10-10 02:04:52 · 1732 阅读 · 1 评论 -
vue3前端开发系列(1) - 开发环境安装篇(新手必看)
由于选择的是TypeScript语言,但是ts不认识.vue后缀的程序,所以这里添加这个声明,是对.vue后缀的一个扩展。nvm主要的作用就是对nodejs的版本的管理,允许当前环境安装多个版本的nodejs,然后通过命令来选择使用哪个版本。如果安装了vetur,需要禁用,这是开发vue2使用的插件,如果需要开发vue2,则可以再次打开。在vscode中,设置-> 用户代码片段,输入vue.json回车,在生成的文件中添加下面代码段。展示了已经安装的版本,以及正在使用的版本,如果需要切换版本,请使用。原创 2023-10-09 00:00:02 · 1090 阅读 · 0 评论 -
vue3前端开发系列 - flex布局篇
采用flex布局的元素,成为flex容器,它的所有子元素自动成为容器成员。通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。原创 2023-10-08 01:43:57 · 2779 阅读 · 0 评论 -
vue3前端开发系列 - pinia小菠萝使用详细说明
官网地址:https://pinia.vuejs.org/zh/主要优点:完整的ts支持体积小,只有1kb左右去除mutations,只有state,getter,actionactions支持同步与异步代码扁平化没有模块嵌套,只有store的概念,store之间可以自由使用,每个store都是独立的。无需手动添加store,store一旦创建便会自动添加支持 vue2和vue3支持插件扩展功能什么时候可以使用?保存全局信息的时候,例如登录的个人信息。原创 2023-10-06 22:30:07 · 1358 阅读 · 0 评论