uinapp-V3 创建项目

1.去官网下在:网址:

*1.uni-app官网 (dcloud.io)

*2.Visual Studio Code - Code Editing. Redefined

下载好之后就是这两个app图标:

因为我们最后打包都是通过 HBuilder X 打包所以尽量使用 HBuilder X 编写vueV3项目

HBuilder X 下载需要看系统是Windows还是MacOSX下载对应的版本,下载好后会是一个压缩包不用安装,只需要解压后就可以使用了,官网上都有教程

2.创建项目,首先我们打开APP,然后在点击新建项目;

或者

3.新建uni-app项目

1. 项目名称:不会限制中文和英文以及数字;
2. 选择文件存放位置;
3. 模板看各子需求选择,初学者建议选默认因为会看不懂别人的代码;
4. uni-app是编写App的,开发App才选上;
5. Vue版本建议选择V3因为它也可以写V2的代码;
6. 其他都看需求就好了;
7. 然后点击创建欧克了;

4.创建好后他们可以了解一下他的里面的文件是什么,在左边后出现一个项目:

项目里的介绍在官网上都是有详细的,可以去看看,了解一下

详细介绍,在教程中的工程里

5.运行:

运行也是在上面的标题栏上,学过HTML的都应该知道浏览器就是直接打开浏览器给他运行,默认是系统浏览器,比较常用的是谷歌浏览器,有的自动配置好了有的则需要手动配置;

内置的话就是在旁边展示一个手机大小的项目供程序员看效果,第一次启动时,如果你是第一次安装Hbuilder X 的话他会自动下载配置;

小程序模拟器的话就是运行到: 微信小程序,支付宝,以及抖音等小程序的app上;

下面配置一下浏览器吧,其他都是可以以此类推:

1. 点击想用的浏览器,没配置的话会弹出到这个页面;
2. 找到对应的运行配置: 小程序的话是有下载地址的,浏览器需要自己去找
3. 查找浏览器地址:比如我安装的是在: C:\Program Files\Google\Chrome\Application点击一下浏览器名称加上".exe",在点击 打开,显示这个就配置好了;