uniapp小程序环境搭建

通过HBuilder开发工具新建项目

点击下面文件进行勾选

微信开发者工具打开:设置->安全设置->服务端口,目的便于启动项目自动打开开发者工具进行预览

点击"运行"启动小程序后,等待片刻,会自动打开微信开发者工具进行预览

根目录下新建config文件夹,分别建立env.js环境文件(用于区分环境);request.js(用于封装请求)

根目录下新建api文件夹,用于统一管理各个功能模块接口

下载uView插件,并在main.js文件内全局引入:ext.dcloud.net.cn/plugin?id=1...

在uni.scss文件最顶部配置uView主题文件:

全局引入scss样式,先执行 "npm i sass -D",再在App.vue中全局引入: @import "@/uni_modules/uview-ui/index.scss";

Tips: 如果后面接手别的小程序开发,需要让人把你拉进管理员(通过微信公众平台);

相关推荐
兰德里的折磨5502 分钟前
基于若依和elementui实现文件上传(导入Excel表)
前端·elementui·excel
喝拿铁写前端5 分钟前
一个列表页面,初级中级高级前端之间的鸿沟就显出来了
前端·架构·代码规范
magic 2451 小时前
ES6变量声明:let、var、const全面解析
前端·javascript·ecmascript·es6
M_chen_M1 小时前
es6学习02-let命令和const命令
前端·学习·es6
好_快1 小时前
Lodash源码阅读-dropWhile
前端·javascript·源码阅读
M_chen_M1 小时前
JS6(ES6)学习01-babel转码器
前端·学习·es6
好_快1 小时前
Lodash源码阅读-dropRightWhile
前端·javascript·源码阅读
二川bro2 小时前
Vue 项目中 package.json 文件的深度解析
前端·vue.js·json
寰宇视讯2 小时前
铼赛智能Edge mini斩获2025法国设计大奖 | 重新定义数字化齿科美学
前端·数据库·edge
excel2 小时前
webpack 模块 第 三 节
前端