微信小程序项目环境配置

165 阅读1分钟

1.配置uni-app的开发环境

1.1认识uni-app

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

官方网址:uniapp.dcloud.net.cn/

image.png

1.2下载安装BuilderX

下载安装看详细教程

1.2.1安装scss插件

image.png

1.2.1快捷键及主题设置

image.png

2.初始化-新建项目

2.1新建项目

老版本:

image.png image.png

2.2目录结构

image.png

2.2把项目运行到微信开发者工具---五步----以本机截图为准(第二张)

步骤1: image.png

image.png 步骤2:

image.png

image.png 正确路径见下图:

image.png 步骤3:快捷键command+,

image.png

image.png 步骤4:

image.png

步骤5:只可以在HBuilderX中配置

image.png

image.png

3.使用git进行管理

3.1本地管理---共分为以下四步

3.1.1配置忽略文件

在项目根目录中新建.gitignore忽略文件,并建立忽略的目录。注意:由于unpackage目录中仅有dist目录,默认情况下,该目录不会被git跟踪,所以应该建立一个文件进行占位 image.png 操作1:新建自定义文件

image.png 操作2:配置忽略的目录

image.png 操作3:由于unpackage目录中仅有dist目录,默认情况下,该目录不会被git跟踪,所以应该建立一个文件进行占位

image.png

3.1.2初始化本地仓库-----切换到根目录中

image.png

3.1.3将所有文件都加入暂存区--git status查看状态

image.png

3.1.4本地提交更新

image.png

image.png

3.2把项目托管到码云

image.png

image.png

image.png