当前位置: 首页 > news >正文

Vue项目搭建基础流程

创建项目

vue创建项目通过 vue create my-project 命令进行创建

选择项目功能,这里我们选择自定义所需的功能

通常我们会选择如下选项

每个选项的解释

Babel:js编译器

Typescript:js的超集

Progressive Web App Support:渐进式的网页应用程序

Router:vue的路由

Vuex:vue的状态管理

CSS Pre-processors:css的预处理器

Linter/Formatter:代码风格检测与格式化(如果自己代码不是很规范的话可以用这个约束下自己,也可不选择,按照自己的风格)

Unit Testing:单元测试

E2E Testing:端对端测试

选择要创建项目的版本,根据自己的需求选择,vue3不支持ie11,我们选择vue2居多

选择路由模式,通常使用history,这里我们输入y

选择css预处理器,一般选择less或sass

选择Babel、ESLint等的配置文件是放在哪里,我们选择放在专用的文件中

选择项目预设,供将来使用,你选择是的话,下次创建项目,可以选择此模板直接进行创建,就不用在一个一个选择了,我这里就选择否了。

完善vue项目目录在src目录中创建utils目录,在utils中新建request.js文件,用来封装axios请求,(axios需单独安装,具体安装方式自行百度)

 

在src目录中新建api目录,在api目录中新建模块目录(模块目录为你在views目录下新建的文件夹名称,比如,你在views目录中建了users目录,那你在api目录当中也新建users目录),然后再/src/api/users/中新建index.js文件,用来存放users目录中所使用到的接口

 

在src中新建layout目录,用来存放公共布局文件(一般项目布局都会有顶部,侧边栏,底部等模块),在layout目录中新建components目录,将每个公共布局文件,当成一个组件,然后再layout目录中新建layout.vue文件,用来组合页面布局

 

路由文件中,一般登录页是不需要顶部,侧边栏,底部的,我们在路由文件中正常引入既可

 

登录之后,进入首页,一般就需要公共布局文件了,我们写路由的时候可以用到children。

【临沂小程序定制开发公司】艾思软件:http://www.aisisoft.cn 

相关文章:

  • 猿创征文|Aixos的引入与基本使用
  • 0903(046天 线程集合总结01)
  • fatal: Unable to create ‘D:/git/2_wechat/.git/index.lock‘: File exists.
  • 网络安全原理与实践学习笔记——设计DMZ
  • 【牛客刷题】带你在牛客刷题第五弹(简单排序)
  • Fragment切换的方式介绍和一些问题的解决
  • 性能优化之图片懒加载
  • Linux多线程篇【5】——线程池
  • 指针成员操作符
  • python中应对各种机制
  • css实现时钟
  • “蔚来杯“2022牛客暑期多校训练营8 补题题解(F)
  • 【数据结构与算法】之深入解析“解出数学表达式的学生分数”的求解思路与算法示例
  • 给妈妈做个相册——在服务器上搭建Lychee相册的保姆级教程
  • 编程之路22
  • 2017年终总结、随想
  • Angular 4.x 动态创建组件
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • Codepen 每日精选(2018-3-25)
  • express如何解决request entity too large问题
  • HTTP中的ETag在移动客户端的应用
  • Linux链接文件
  • QQ浏览器x5内核的兼容性问题
  • RxJS: 简单入门
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • TypeScript实现数据结构(一)栈,队列,链表
  • windows-nginx-https-本地配置
  • 读懂package.json -- 依赖管理
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 移动端解决方案学习记录
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • 如何在 Intellij IDEA 更高效地将应用部署到容器服务 Kubernetes ...
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #控制台大学课堂点名问题_课堂随机点名
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • (02)Cartographer源码无死角解析-(03) 新数据运行与地图保存、加载地图启动仅定位模式
  • (06)金属布线——为半导体注入生命的连接
  • (12)目标检测_SSD基于pytorch搭建代码
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (原)Matlab的svmtrain和svmclassify
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转) Face-Resources
  • .NET : 在VS2008中计算代码度量值
  • .NET I/O 学习笔记:对文件和目录进行解压缩操作
  • .Net Redis的秒杀Dome和异步执行
  • .NET Standard、.NET Framework 、.NET Core三者的关系与区别?
  • .NET/C# 反射的的性能数据,以及高性能开发建议(反射获取 Attribute 和反射调用方法)
  • .net程序集学习心得
  • .NET实现之(自动更新)
  • .net下的富文本编辑器FCKeditor的配置方法
  • [ 代码审计篇 ] 代码审计案例详解(一) SQL注入代码审计案例
  • [202209]mysql8.0 双主集群搭建 亲测可用
  • [28期] lamp兄弟连28期学员手册,请大家务必看一下