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

相关推荐
珹洺42 分钟前
从 HTML 到 CSS:开启网页样式之旅(三)—— CSS 三大特性与 CSS 常用属性
前端·javascript·css·网络·html·tensorflow·html5
T^T尚5 小时前
uniapp H5上传图片前压缩
前端·javascript·uni-app
出逃日志6 小时前
JS的DOM操作和事件监听综合练习 (具备三种功能的轮播图案例)
开发语言·前端·javascript
XIE3926 小时前
如何开发一个脚手架
前端·javascript·git·npm·node.js·github
山猪打不过家猪6 小时前
React(五)——useContecxt/Reducer/useCallback/useRef/React.memo/useMemo
前端·javascript·react.js
前端青山6 小时前
React事件处理机制详解
开发语言·前端·javascript·react.js
科技D人生6 小时前
Vue.js 学习总结(14)—— Vue3 为什么推荐使用 ref 而不是 reactive
前端·vue.js·vue ref·vue ref 响应式·vue reactive
对卦卦上心6 小时前
React-useEffect的使用
前端·javascript·react.js
练习两年半的工程师6 小时前
React的基本知识:事件监听器、Props和State的区分、改变state的方法、使用回调函数改变state、使用三元运算符改变state
前端·javascript·react.js
啵咿傲6 小时前
在React中实践一些软件设计思想 ✅
前端·react.js·前端框架