技术栈：Vue3 + Typescript + Pinia + Vite + Uv-ui + Scss + Pnpm + Husky + Eslint
次要：
- pinia-plugin-persistedstate 适用于 Pinia 的持久化存储插件
- unplugin-vue-components 按需自动导入组件
- unplugin-auto-import 按需自动导入 API
-
template： 模板写法、数据绑定同 vue。组件支持 2 种模式，
- weex 组件，同 weex 写法，参考：weex 内置组件；
- uni-app 组件，同 uni-app 写法。
- App 端 nvue 专用组件，详见https://uniapp.dcloud.io/component/barcode
-
style：由于采用原生渲染，并非所有浏览器的 css 均支持，布局模型只支持 flex 布局，虽然不会造成某些界面布局无法实现，但写法要注意。
-
script：写法同 vue，并支持 3 种 API：
- nvue API ：仅支持 App 端，uni-app 编译模式也可使用。使用前需先引入对应模块，参考：模块引入 API
- uni API：https://uniapp.dcloud.io/api/README
- plus API：仅支持 App 端。http://www.html5plus.org/doc/h5p.html
uni-app App 端内置 HTML5+ 引擎，让 js 可以 直接调用 HTML5 Plus丰富的原生能力。
HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。
原生的api多达40万，HTML5 Plus的封装并非把40万api都封装了一遍，而是分成了2个层面：
-
HTML5Plus 规范：常用的扩展能力，比如二维码、语音输入，都封装到了规范中，同时实现了 android 和 ios 的解析引擎，使得开发者的代码编写一次，可跨平台运行。
-
Native.js 各自专有扩展能力，Native.js把几十万原生API映射成了js对象，通过js可以直接调ios和android 的原生API。这部分就不再跨平台，写法分别是 plus.ios 和 plus.android，比如调 ios game center，或在 android 手机桌面创建快捷方式，这些都是 平台专有 的api。
-
nvue 页面只能使用 flex 布局，布局排列方向 默认 为竖排（column），如需改变布局方向可以使用 flex-direction: row; 改变为横排
-
文字内容，必须只能在 text 组件下，text 组件不能换行写内容
-
nvue 中不支持 z-index 控制层级，越靠后的代码层级越高
-
nvue 盒模型的 box-sizing 默认为 border-box，即盒子的宽高包含 content、padding 和 border 的宽度，不包含外边距（margin）
-
nvue 暂不支持 uni.createSelectorQuery, 暂时使用：uni.requireNativePlugin('dom').getComponentRect
-
nvue 的各组件在安卓端默认是透明的，如果不设置 background-color，可能会导致出现重影的问题
-
nvue 开发 App，在 Android、IOS 中某些场景下 click 点击事件无效，可考虑使用 touchstart/touchend 事件替代
iOS证书(.p12)和描述文件(.mobileprovision)申请
- 主要是申请: AppId、证书、描述文件
// 添加 override 配置 .nvue 文件的解析（配置覆盖）
module.exports = {
// ...
overrides: [
{
files: ['*.nvue'],
// parser: 'vue-eslint-parser', 无需重复配置 parser，因为就是vue语法
rules: {
'vue/comment-directive': 'off', // 忽略条件编译注释
'vue/no-v-html': 'off' // nvue 不支持 v-html
}
}
]
}// App.vue
onLaunch(() => {
// #ifdef APP-NVUE
const domModule = uni.requireNativePlugin('dom');
domModule.addRule('fontFace', {
'fontFamily': 'iconfont',
'src': 'url(\'https://at.alicdn.com/t/font_1365296_2ijcbdrmsg.ttf\')'
});
// #endif
});