美文网首页
Vue从0开始搭建移动端框架

Vue从0开始搭建移动端框架

作者: mayChunJ | 来源:发表于2020-12-24 15:22 被阅读0次

开发环境:nodejs , 包管理工具npm或者yarn,git管理工具tower或者小乌龟。(去对应的官网去下载)
开发工具:vscode

第一步:通过Vue UI 新建项目。
在终端输入 vue -ui


image.png

我们点击左上角的Vueui 下拉选择 Vue项目管理器


image.png

选择新建项目


image.png

选择项目所在的目录创建项目 输入项目名称以及包管理器


image.png

点击下一步,会提供Vue 给你提供的模板,我们可以选择他们给我们提供的模板,我们也可以自己搭配设置,我选择手动设置


image.png
下面我们选择我们需要的配置
image.png

大概讲一下我们选择的配置。
1.选择Vue的版本
2.babel babel是解析es6及以上版本js写法的工具,用于让各种浏览器可以识别es代码的工具。这个是需要的。
3.TS TS是js的超集,实现了许多js种没有功能 这个是vue3.0刚推出来的配置项,这个我们先不做配置。
4.pwa 是用于移动端app模拟一些原生功能,比如通知推送,这个也先不用
5.router vueX 都是Vue全家桶的东西 在项目中需要
6.css CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件。和一般的js有一点区别,但是结构化做的很好,很简洁。需要。


image.png

7.linter 用于页面格式化,可以根据自己定义的规则格式化页面,让多人开发减少页面格式 二引发的冲突。
8 单元测试 es2测试 这个先不管
9.使用配置文件,让项目中各自的配置文件分离开来。用

image.png

下一步 点击 创建项目 一个新的项目就创建好了

相关文章

  • Vue从0开始搭建移动端框架

    开发环境:nodejs , 包管理工具npm或者yarn,git管理工具tower或者小乌龟。(去对应的官网去下载...

  • 命令行工具vue-cli快速创建新项目.md

    记录通过命令行工具vue-cli,从0开始搭建Vue和mpvue项目的基础框架过程。 一、创建Vue项目 二、创建...

  • vue 项目开发规范文档

    一、 目录结构 二、 UI框架选择PC端Vue项目UI框架优先选择:Element UI、iView移动端Vue项...

  • mint-ui快速使用

    title: 搭建Vuemint-ui 框架 mint-ui 是有饿了么前端团队推出的基于Vue.js的移动端组件...

  • Vue 移动端框架

    1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应...

  • Vue 移动端框架

    1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应...

  • Vue 移动端框架

    1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应...

  • Vue 移动端框架

    1. Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这...

  • vueH5项目基础框架

    此篇仅供自己做笔记使用,基于前一篇文章《基于VUE全家桶搭建移动端框架》的基础上,优化原有框架,历经三个多月的项目...

  • angular8 + ionic 如何集成px to viewp

    移动端 响应式 px转rem px转vw 移动端app,ionic脚手架搭建的angular框架,版本angula...

网友评论

      本文标题:Vue从0开始搭建移动端框架

      本文链接:https://www.haomeiwen.com/subject/godvbktx.html