首页 > 其他分享 > 创建vue3的项目和目录结构讲解

创建vue3的项目和目录结构讲解

时间:2023-09-11 15:55:46浏览次数:45  
标签:vue 自定义 Vue3 vue3 支持 TypeScript 讲解 目录

本节目标

  • 了解Vue3 项目的结构
  • 学习Vue3 项目的基本开发知识
  • Vue3 和 Vue2的开发区别

全局安装vue-cli

npm i -g @vue/cli
vue create vue3-json-schema-form

自定义vue3 配置

自定义配置:
选择 [自定义] ,通过方向键上下移动,空格选中,Enter确定,自定义配置中,您将会看到这些配置项:

? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) TypeScript                                 // 支持使用 TypeScript 书写源码
 ( ) Progressive Web App (PWA) Support          // PWA 支持
 ( ) Router                                     // 支持 vue-router
 ( ) Vuex                                       // 支持 vuex
 ( ) CSS Pre-processors                         // 支持 CSS 预处理器。
 ( ) Linter / Formatter                         // 支持代码风格检查和格式化。
 ( ) Unit Testing                               // 支持单元测试。
 ( ) E2E Testing                                // 支持 E2E 测试。
 // 注意:你要集成什么就选就行了(注:空格键是选中与取消,A键是全选)

标签:vue,自定义,Vue3,vue3,支持,TypeScript,讲解,目录
From: https://www.cnblogs.com/zaisanshuiyifang/p/17693580.html

相关文章

  • 米联客 2024 版 FPGA 课程快速入口课程-目录速览(网页版没有页码)
    目录米联客2024版FPGA课程快速入口课程    101AMDFPGAvitis-vivado软件快速入门课程    91概述    92新建VIVADO工程    93添加代码管理文件夹    124添加PLLIP核    125新建工程文件    186完善RTL代码    227添加管脚约束......
  • vue3下载文件
    constdow=async(url:string,fileName:string)=>{mulSelUrls.value=[]mulSelUrls.value.push(urlasnever)constrequests=mulSelUrls.value.map(url=>axios.get(url,{responseType:'blob'}));try{constresponses=aw......
  • ElasticSearch+Kibana on K8s 讲解与实战操作(版本7.17.3)
    目录一、概述二、ElasticSearch节点类型与作用三、K8s集群部署四、ElasticSearchonK8s开始部署1)下载安装包2)构建镜像3)修改yaml编排4)开始部署5)测试6)elasticsearch-head5)卸载五、Kibana编排部署1)下载安装包2)构建镜像3)修改yaml编排4)开始部署5)测试验证6)卸载六、Elasticsearch7......
  • js详细讲解放大镜的实现
    实现放大镜的整体思路1.当鼠标放在图片上的时候,出现蒙层。2.出现蒙层,让鼠标在蒙层中心3.限制蒙层移动的范围4.放大镜移动最终实现的效果鼠标放上去的时候,出现一个蒙层。蒙层的移动范围只能在图片里,不能超出范围。移动蒙层时,右侧会出现图片的放大部分。移除图片的范围,......
  • 鉴于vue2使用element组件不太方便,换成vue3的具体步骤
    1、卸载原有的vue2npmuninstallvue-cli-g卸载完成!2、按照最新的下载vue3命令下载vue3npminstall-g@vue-cli下载完成!(等了大概快10分钟)......
  • hdfs批量上传下载文件和删除指定目录下文件
    hdfs批量上传下载文件和删除指定目录下文件一、hdfs批量下载文件hdfsdfs-gets3a://bigdata/infra/zeppelin/notebook/二、hdfs批量上传文件hdfsdfs-put./*/bigdata/infr/zeppelin/notebook/三、hdfs删除指定目录hdfsdfs-rm-r/bigdata/infra/zeppelin/notebook/wei.ji10......
  • vue3探索——5分钟快速上手大菠萝pinia
    温馨提示:本文以vue3+vite+ts举例,vite配置和ts语法侧重较少,比较适合有vuex或者vue基础的小伙伴们儿查阅。安装piniayarnyarnaddpinianpmnpminstallpiniapnpmpnpmaddpinia1-开始方式一:在main.ts中直接引入pinia在src/main.ts中引入pinia(根存储),并传递给......
  • vue3 如何获取格式为 proxy 值的原始值
    vue3中变量多使用ref,reactive来声明。如下:constfirstName=ref('Tom')constlastName=ref('Jerry')constform=reactive({name:'',sex:'',age:'',area:'',loves:[]})当想使用上面的数据时,如下://......
  • Python获取主目录的方法
    用os.path.expanduser模块获取主目录为了获得用户的主目录,我们可以使用Python中的os.path.expanduser。我们必须在os.path.expanduser()函数里面传递一个字符串字符~,它将返回当前登录用户的主目录路径。它使用内置的密码数据库或pwd模块来搜索主目录的路径,pwd模块提供用户......
  • 生成一个vue3的博客
    Vue3是一个流行的JavaScript框架,用于构建用户界面。要生成一个Vue3的博客,您需要按照以下步骤进行操作:首先,确保您的环境中已经安装了Node.js和npm(Node包管理器)。您可以通过在命令行中运行node-v和npm-v来检查它们的版本。在您喜欢的目录中创建一个新的Vue3项目......