uniapp+vite+vue3+ts配置eslint代码检查及prettier规范检查

可以参考 https://waite.wang/posts/web/vue-project-construction-specification/ 参考: https://blog.csdn.net/u011296285/article/details/136597099 配置eslint代码检查 npm i eslint -D 初始化 npx eslint --init 选择配置(根据自己需求选择) ? How would you like to use ESLint? To check syntax and find problems ? What type of modules does your project use? JavaScript modules (import/export) ? Which framework does your project use? Vue.js ? Does your project use TypeScript? Yes ? Where does your code run? None ? How would you like to define a style for your project? Use a popular style guide ? Which style guide do you want to follow? Airbnb ? What format do you want your config file to be in? JavaScript 修改.eslintrc.js ...

2024-05-02 · 5 min · 2152 words · Waite Wang

鸿蒙学习笔记3

Stage 模型 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/start-with-ets-stage-0000001477980905-V2 一个应用只能有一个 @EntryAbility,但可以有多个 @PageAbility。 (Stage模型)目录结构 AppScope > app.json5:应用的全局配置信息。 entry:HarmonyOS工程模块,编译构建生成一个HAP包。 src > main > ets:用于存放ArkTS源码。 src > main > ets > entryability:应用/服务的入口。 src > main > ets > pages:应用/服务包含的页面 src > main > resources:用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。关于资源文件,详见资源分类与访问。 src > main > module.json5:Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。具体的配置文件说明,详见 module.json5配置文件。 build-profile.json5:当前的模块信息、编译信息配置项,包括buildOption、targets配置等。其中targets中可配置当前运行环境,默认为HarmonyOS。 hvigorfile.ts:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。 oh_modules:用于存放三方库依赖信息。关于原npm工程适配ohpm操作,请参考历史工程迁移。 build-profile.json5:应用级配置信息,包括签名、产品配置等。 hvigorfile.ts:应用级编译构建任务脚本。 应用配置文件 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/14d_u7f6e_u6587_u4ef6_uff08stage_u6a21_u578b_uff09-0000001427902192-V2 ...

2024-04-06 · 36 min · 17955 words

鸿蒙学习笔记2

页面路由 页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块,通过不同的url地址,可以方便地进行页面路由,轻松地访问不同的页面。 ...

2024-03-29 · 18 min · 8980 words

鸿蒙学习笔记1

编辑器安装 安装 下载安装包 正常安装包, 下一步安装 配置开发环境 选择 Agree, 进入配置选择页面, 选择不导入配置 选择要安装的Node.is和hpm位置,其中ohpm是Open Harmony Package Management的缩写,也就是类似npm的包管理工具。这里有几点注意事项: ...

2024-03-23 · 14 min · 6823 words

UniApp 入门

https://uniapp.dcloud.net.cn/ uni 和 原生小程序开发区别 每个页面是一个 .vue 文件,数据绑定及事件处理同 Vue.js 规范: 属性绑定 src="{{ url }}" 升级成 :src=“url” 事件绑定 bindtap=“eventName” 升级成 @tap=“eventName”,支持()传参 支持 Vue 常用指令 v-for、 v-if、v-show、v-model 等 温馨提示:调用接口能力,建议前缀 wx 替换为 uni ,养成好习惯,这样支持多端开发。 ...

2024-03-02 · 5 min · 2078 words · Waite Wang

vue 项目规范设置

集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 # http://editorconfig.org root = true [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = space # 缩进风格(tab | space) indent_size = 2 # 缩进大小 end_of_line = lf # 控制换行类型(lf | cr | crlf) trim_trailing_whitespace = true # 去除行首的任意空白字符 insert_final_newline = true # 始终在文件末尾插入一个新行 [*.md] # 表示仅 md 文件适用以下规则 max_line_length = off trim_trailing_whitespace = false VSCode需要安装一个插件:EditorConfig for VS Code ...

2024-01-22 · 4 min · 1933 words

Vue3 CompositionAPI

Options API的弊端 在Vue2中,我们编写组件的方式是Options API: Options API的一大特点就是在对应的属性中编写对应的功能模块; 比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变,也包括生命 周期钩子; 但是这种代码有一个很大的弊端: ...

2023-12-29 · 32 min · 15734 words

七牛云 + Typora + PicGo

Typora 免费版本: https://github.com/L1ne-cd/Typora_Unlocker 七牛云 七牛云: https://www.qiniu.com/ 注册实名 2. 对象存储, 新建空间 选择离你最近的存储区域(建议服务器哪的就选哪个区) 访问控制选择公有 个人中心 > 密钥管理 > 复制待用 ...

2023-12-28 · 1 min · 176 words