1.去官网下在:网址:
*2.Visual Studio Code - Code Editing. Redefined
下载好之后就是这两个app图标:
因为我们最后打包都是通过 HBuilder X 打包所以尽量使用 HBuilder X 编写vueV3项目
HBuilder X 下载需要看系统是Windows还是MacOSX下载对应的版本,下载好后会是一个压缩包不用安装,只需要解压后就可以使用了,官网上都有教程
2.创建项目,首先我们打开APP,然后在点击新建项目;
或者
3.新建uni-app项目
- 项目名称:不会限制中文和英文以及数字;
- 选择文件存放位置;
- 模板看各子需求选择,初学者建议选默认因为会看不懂别人的代码;
- uni-app是编写App的,开发App才选上;
- Vue版本建议选择V3因为它也可以写V2的代码;
- 其他都看需求就好了;
- 然后点击创建欧克了;
4.创建好后他们可以了解一下他的里面的文件是什么,在左边后出现一个项目:
项目里的介绍在官网上都是有详细的,可以去看看,了解一下
详细介绍,在教程中的工程里
5.运行:
运行也是在上面的标题栏上,学过HTML的都应该知道浏览器就是直接打开浏览器给他运行,默认是系统浏览器,比较常用的是谷歌浏览器,有的自动配置好了有的则需要手动配置;
内置的话就是在旁边展示一个手机大小的项目供程序员看效果,第一次启动时,如果你是第一次安装Hbuilder X 的话他会自动下载配置;
小程序模拟器的话就是运行到: 微信小程序,支付宝,以及抖音等小程序的app上;
下面配置一下浏览器吧,其他都是可以以此类推:
- 点击想用的浏览器,没配置的话会弹出到这个页面;
- 找到对应的运行配置: 小程序的话是有下载地址的,浏览器需要自己去找
- 查找浏览器地址:比如我安装的是在: C:\Program Files\Google\Chrome\Application
点击一下浏览器名称加上".exe",在点击 打开,显示这个就配置好了;