一、新建uni-app项目
1. 打开HBuilder X
2. 新建项目
3. 配置项目信息
4. 安装Sass 插件 (因为项目需要)
这里需要登录,自行用邮箱注册登录,再下载安装插件,安装完成如下
二、项目目录扩展
1. 初始化项目目录
文章来源:https://www.toymoban.com/news/detail-708585.html
2. 扩展后项目目录
文章来源地址https://www.toymoban.com/news/detail-708585.html
- api 用来封装数据接口
- common 用来存放js、css等
- components 用来存放公共可复用的vue组件
- config 用来存放数据配置文件
- mock 用来 存放模拟数据
- pages 用来存放页面
- static 存放静态资源文件
- APP.vue 项目主应用文件
- index.html 项目主页面文件
- main.js 入口文件
- manifest.json 配置多端文件
- pages.json 页面路由
- uni.promisify.adaptor.js 文件是用来将uniapp的异步API转换为Promise的适配器
- uni.scss uni-app内置的常用样式变量
到了这里,关于【uni-app】—3.新建一个uni-app项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!