首页 > 其他分享 >vue3项目模板:新建一个vite+vue3项目,并做基础化建设

vue3项目模板:新建一个vite+vue3项目,并做基础化建设

时间:2024-02-21 10:44:05浏览次数:33  
标签:项目 新建 适配 blog vite vue3 模板

原文地址:https://blog.csdn.net/weixin_43239880/article/details/130355138

新建一个vite+vue3项目,并做基础化建设
1.使用npm creat vite@latest新建一个vue3项目
2.生成git仓库
3.将prettier的规则加入到eslint中(可选操作,建议有)
4.添加commitLint(可选操作,建议有)
5.加入UI组件库,以element-plus为例子
6.建立一些必须要用到的文件夹
7.消灭浏览器差异以及盒子原有样式
8.配置别名
9.配置代理(与vue2稍有不同)
10.pinia全局状态管理器改造和持久化
11.添加axios并封装axios
13.区分生产环境和开发环境(参考[文章](https://blog.csdn.net/perfect2011/article/details/129930819))
13.封装路由拦截器
14.适配处理
各类需求适合适配的主方案:
补充:各依赖包的环境

翻译

搜索

复制

<iframe></iframe>

标签:项目,新建,适配,blog,vite,vue3,模板
From: https://www.cnblogs.com/lizhigang/p/18024652

相关文章

  • python 爬虫模板
    前言在我们写爬虫的时候,一般想要的数据都在详情页里面,一般代码进入详情页参数,需要首页里面寻找,所以爬这样的网站,需要定义一个模板我的模板如下: importrandomimporttimeimportrequestsfromauctionimportlogtoolfromauction.BaseCrawlerimportBaseCrawlercla......
  • Vue3组合式API之getCurrentInstance详解
    Vue2中,可以通过this来获取当前组件实例; Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。在Vue3中,getCurrentInstance()可以用来获取当前组件实例  vue3官方文档解释let{proxy}=getCurrentInstance(); 在setup中分别打印下面......
  • 记录--源码视角,Vue3为什么推荐使用ref而不是reactive
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助ref 和 reactive 是Vue3中实现响应式数据的核心API。ref 用于包装基本数据类型,而reactive用于处理对象和数组。尽管 reactive 似乎更适合处理对象,但 Vue3官方文档更推荐使用 ref。 我的想法,ref就......
  • 线段树—模板
    线段树常见操作build建树update更新query查询pushup向上回溯pushdown向下延迟更新(延迟标记)建线段树://预编译命令,做符号代换#definelson(gjd<<1)#definerson(gjd<<1|1)//gjd表示当前结点,[l,r]表示区间范围voidbuild(intgjd,intl,intr){tree[gjd]......
  • 请求接口生成导入模板
    这里介绍一种通过接口去生成导入数据Excel模板1、controller 2、serviceImpl@OverridepublicvoiddownloadOrderTemplate(HttpServletResponseresponse){List<WorkOrderVoImportDto>orderVoImports=newArrayList<>();try{List......
  • C++ 模板的笔记2
    C++模板的笔记2关于可变参函数模板借鉴了一部分笔记,感谢大佬类模板中的嵌套类模板可以嵌套其他类模板,就像普通类可以嵌套其他普通类一样。嵌套的类模板可以访问外部类模板的成员,包括私有成员。示例:#include<iostream>usingnamespacestd;template<typenameT>classO......
  • 关于vue3的h函数
    h(ElInput,{class:'w200ml8',placeholder:'关键字搜索',clearable:true,modelValue:formData.url_pattern,'onUpdate:modelValue':(val:string)=&......
  • Vite + Vue3 实现前端项目工程化
    原文地址:https://mp.weixin.qq.com/s/cgiLx6NsoCAnh-mcR5peQgVue3发布至今,周边的生态、技术方案已足够成熟,个人认为新项目是时候切换到Vite+Vue3了。今天就给大家操作一下这种技术方案实现前端工程化。1.初始化项目通过官方脚手架初始化项目第一种方式,这是使用vite命......
  • vite快速安装vue,及项目打包发布
    原文地址:https://mp.weixin.qq.com/s/xdEqyhfmW8P0R_wktymb3wvite快速安装vue,及项目打包发布1.下载、安装VScode,下载地址:https://code.visualstudio.com/2.下载、安装node.js,国内下载地址:http://www.nodejs.com.cn/3.创建空文件夹,用VScode打开,在左侧空白处点击鼠标右键,选择在......
  • Vue.JS:使用Vite工具创建项目 及 后续的主要配置
    原文地址:https://mp.weixin.qq.com/s/QelQEAMYSoNC0uYKfbO9Gw01 使用Vite工具创建Vue.JS项目 命令:npmcreatevite@latest 首先,要提供的是你项目的名称: 然后,选择一个框架:这一段的全部代码如下:adamhuan@192PycharmProjects%pwd/Users/adamhuan/PycharmProjectsad......