上一篇：《哲学与科学，它们是一座独木桥》
首先使用node12.22
taro3.4
只有这样匹配才可以
后期写的一个使用文档： https://docs.qq.com/doc/DWlRWTE5WcWVzaGV3
-------------------------------
taro init 项目名称
选择vue3 ts sass 默认模板，就会自动创建出一个项目来
js与ts 区别介绍：
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
https://blog.csdn.net/chhpearl/article/details/125791516
ts入门教程： https://www.runoob.com/w3cnote/getting-started-with-typescript.html
TypeScript 中文手册：https://www.runoob.com/manual/gitbook/TypeScript/_book/doc/handbook/Basic%20Types.html
https://typescript.bootcss.com/
-------------------------------
目录结构，使用工具：
使用vscode就可以开发，推荐安装 Vetur 插件
├── babel.config.js # Babel 配置 ├── .eslintrc.js # ESLint 配置 ├── config # 编译配置目录 │ ├── dev.js # 开发模式配置 │ ├── index.js # 默认配置 │ └── prod.js # 生产模式配置 ├── package.json # Node.js manifest ├── dist # 打包目录 ├── project.config.json # 小程序项目配置 ├── src # 源码目录 │ ├── app.config.js # 全局配置 │ ├── app.css # 全局 CSS │ ├── app.js # 入口组件 │ ├── index.html # H5 入口 HTML │ └── pages # 页面组件 │ └── index │ ├── index.config.js # 页面配置 │ ├── index.css # 页面 CSS │ └── index.jsx # 页面组件，如果是 Vue 项目，此文件为 index.vue
taro api文档：https://taro-docs.jd.com/docs/apis/about/desc
---------------------------------
运行时遇到问题，vue3.0版本低，有插件无法运行，所以npm i vue@3.2.13了一下
--------------------------------
引入京东 NutUI , 如果导入可查看：
https://nutui.jd.com/taro/vue/4x/#/zh-CN/guide/start
npm i @nutui/nutui-taro
npm i @tarojs/plugin-html
// config/index.js
config = {
// 开启 HTML 插件
plugins: ['@tarojs/plugin-html'],
// 配置全局 Scss 变量
sass: {
data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`,
},
designWidth (input) {
// 配置 NutUI 375 尺寸
if (input?.file?.replace(/\\+/g, '/').indexOf('@nutui') > -1) {
return 375
}
// 全局使用 Taro 默认的 750 尺寸
return 750
},
deviceRatio: {
640: 2.34 / 2,
750: 1,
828: 1.81 / 2,
375: 2 / 1
}
}----------------------------------------