其他分享
首页 > 其他分享> > uni-app创建项目及使用 vant-weapp

uni-app创建项目及使用 vant-weapp

作者:互联网

创建项目

一、 使用 DCloud 公司提供的 HBuilderX 来创建项目
二、 使用脚手架搭建项目 ( 以微信小程序为例 )
安装使用 scss 预编译语言 (可选,也可以使用less)
项目目录
node_modules               --> 项目的依赖
public                     
  |-- index.html           --> uni-app 开发网页应用时的模板
src                        
  |-- pages                --> 项目的页面组件
  |-- static               --> 项目的静态资源
  |-- APP.vue              --> 应用配置,用来配置APP全局样式以及监听
  |-- main.js              --> Vue初始化入口文件
  |-- manifest.json        --> 配置应用名称、appid、logo、版本等打包信息
  |-- pages.json           --> 配置页面路由、导航条、选项卡等页面类信息
  |-- uni.scss             --> 项目的scss全局变量
.gitignore
babel.config.js            --> 处理javascript版本问题(ES6-->ES5)
package-lock.json
package.json               --> 项目包的描述(运行/打包命令、所安装的第三方依赖)
postcss.config.js          --> 定义如何编译css代码
README.md                  --> 项目的说明
tsconfig.json              --> 项目使用ts开发时的配置

使用 vant-weapp UI库

一、 在跟目录下创建wxcomponents(文件名不可更改),在该目录下新建 vant 文件夹
二、 下载并引入vant-weapp
三、 在 App.vue 导入全局样式
四、 在 pages.json 中引入对应的组件

标签:vue,vant,项目,--,app,weapp,json,uni
来源: https://www.cnblogs.com/aloneer/p/14717513.html