You辉编程_用vue3.0开发移动app的流程

1.真正vue开发是需要脚手架来创建vue项目的
2.安装node,内包含npm(包管理工具)
3.在命令行安装nrm(镜像源):npm install nrm -g ;
使用taobao镜像,在下载依赖包速度会快一点,nrm use taobao
4.安装脚手架:npm install -g @vue/cli || 安装指定版本:npm install @vue/cli@版本号
5.vue项目的创建
在VScode里:Ctrl + ~ 进入控制台;
切换到自己想创建的目录：
eg:
PS D:\koa\vue3.0> cd vue-3
PS D:\koa\vue3.0\vue-3> cd vue21
PS D:\koa\vue3.0\vue-3\vue21> vue create 项目名
6.vue 需要使用axios发送ajax请求
-安装axios:npm install axios --save
-axios发送ajax请求的封装
import axios from 'axios'const instance = axios.create({baseURL: '接口地址',timeout: 10000
})
const get = (url, params = {}) => {return new Promise((resolve, reject) => {instance.get(url, { params }).then((response) => {resolve(response.data)}, err => {reject(err)})})
}const post = (url, data = {}) => {return new Promise((resolve, reject) => {instance.post(url, data, {headers: {'Content-Type': 'application/json'}}).then((response) => {resolve(response.data)}, err => {reject(err)})})
}
export { post, get }7.统一css在不同浏览器的样式差异插件:npm install normalize.css --save
8.不同设备的展示适配
public-->index.html:
<script>//检测当前设备的屏幕宽度var width = document.documentElement.clientWidth || document.body.clientWidth;// 按比例进行适配var ratio = width / 375;// 计算当前设备的html的font-size的大小var fontSize = 100 * ratio;// 设置当前设备的html的font-size的字体大小document.getElementsByTagName('html')[0].style['font-size'] = fontSize + 'px';
</script>
9.项目上线
-在项目目录下新建vue.config.js文件
module.exports = {publicPath: './项目名字'
}
-在项目的目录下执行 npm run build 命令,会调用webpack进行打包,
打包在了dist文件下,dist文件下的代码就是上
线的代码。

You辉编程_用vue3.0开发移动app的流程相关推荐

【红隼书签】用Vue3.0 开发一款导入浏览器书签的在线书签
用Vue3.0 开发一款导入浏览器书签的在线书签
mac配置vue3.0开发环境+首个地图应用
目录前言正文 1.环境 1.1 vscode安装 1.2 npm安装 1.3 vue-cli安装 2.安装Vue3.0高版本 3.第一个vue程序总结前言以前用vue写过一个小小demo,没 ...
20万数据 sql 快还是 java快?_基于SpringBoot2.0开发的，轻量级的，前后分离Java开发平台...
项目说明 MintLeaf-Fast是一个基于SpringBoot2.0开发的,轻量级的,前后端分离的Java快速开发平台开箱即用,节省开发时间,提升开发效率,能够快速开发项目并交付的接私活利器支 ...
简单Android app开发_如何简单快速开发外卖app？
如何开发一个外卖app?app开发需要多少钱?随着美团.饿了么的外卖app的发展,对餐饮.生鲜果蔬.超市便利店行业来说,app成为必不可缺少的一部分.与其向第三方交纳一定不开发一个自己的外卖平台.也有 ...
python开发app的软件_如何利用python开发手机app
python语言虽然很万能,但用它来开发app还是显得有点不对路,因此用python开发的app应当是作为编码练习,加上目前这方面的模块还不是特别成熟,bug比较多. 准备工作利用python开发a ...
agilebpm脑图_干货基于SpringBoot2开发的Activiti引擎流程管理项目脚手架
干货基于SpringBoot2开发的Activiti引擎流程管理项目脚手架 [干货]基于SpringBoot2开发的Activiti引擎流程管理项目脚手架前言在工作中,难免会遇到需要开发基于流程管 ...
th:text为null报错_为vue3.0的学习TS解读高级类型
知识点摘要本节课主要关键词为: 自动类型推断 / 类型断言 / 类型别名(type) / 映射类型(Pick/Record等...) / 条件类型(extends) / 类型推断(infer) 自动 ...
stm32用python编程_使用 Python 来开发 STM32F411 ！
MicroPython是什么程序猿中有句俗语: 人生苦短,我用Python. Python的强大和易用性让它不仅可以写网站,编程序,在嵌入式领域也有一席之地. MicroPython,是Python ...
ev3 java编程_使用C语言开发EV3程序（原创，转载请注明出处）
2.安装c4ev3(http://c4ev3.github.io/),双击c4ev3-withGCC-setup.exe进行安装,默认安装即可.如果你下载的是带GCC的安装包,接下来会自动安装Code ...
python 人工智能编程_最适合人工智能开发的5种编程语言
自从去年,AlphaGo打遍天下棋手无对手,人工智能的风头就一直无人能及.在刚刚过去的IT领袖峰会上,BAT三位大佬都看好人工智能的未来发展.今年年初,百度就做了一个大动作,在医疗方面押宝人工智能,所 ...

You辉编程_用vue3.0开发移动app的流程

You辉编程_用vue3.0开发移动app的流程相关推荐

最新文章

热门文章