携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情
本文主要是使用原生微信小程序来进行项目框架搭建，主要包括基础模板、Less样式语言的支持。后续会在此基础上继续加入iconfont和UI库的引进、接口数据封装、环境变量配置等来完善此框架。
基础模板创建
- 申请微信小程序账号
- 在微信小程序官网下载并安装微信开发者工具
- 打开微信开发者工具，选择小程序，然后新建小程序，如下图：
在新建小程序项目时，填入名称目录基本信息以及申请的微信小程序对应的AppID；目前我们有单独的后端服务，暂时不使用云服务来进行开发；目前小程序支持的语言有四种选择，分别是JavaScript、TypeScript、TypeScript + Less和TypeScript + Sass，每种语言丢有其对应的基础模板，我们这次选择最基础的JavaScript来进行开发。上述信息填写完成后，点击确定即可创建对应的模板框架。
可以看到，创建好的基础模板中，主要包含入口app对用的js文件、json全局配置文件、全局样式wxss文件以及pages文件夹。
引入Less样式支持
微信小程序中提供的页面样式均是wxss样式语言，它和css类似，但写过wxss样式的都知道，它不支持嵌套样式的写法，如遇有层级的样式，写起来就比较麻烦，现在微信小程序已经支持直接使用Less和Sass样式语言，这里我们引入Less来进行样式的开发。
支持Less引用，只需要在project.config.json配置文件中的setting对象中，将useCompilerPlugins这个选项从原来的false，改成["less"]即可。这样就可以开启微信开发者工具中内置的Less编译插件。
开启useCompilerPlugins选项时，其值对应的是一个数组，如果同时需要加入TS的编译插件，那么直接将其配置成["less","typescript"]就可以了。
"setting": {
"useCompilerPlugins": ["less"]
}
这样，在创建页面a时，我们只需要创建a.less样式文件就可以直接在微信开发者工具中使用Less样式语言进行开发，无需再像以前在开发者工具之外，自己需要用一些插件将less文件编辑成同名的.wxss文件。
本期暂时先写到这里，后面会继续加入iconfont和UI库的引进、接口数据封装、环境变量配置等内容。
