首页 > 其他分享 >使用vue ui命令创建vue项目

使用vue ui命令创建vue项目

时间:2023-04-13 15:35:06浏览次数:49  
标签:TypeScript 项目 创建 vue ui 使用

使用vue ui创建项目时的几个选项

1、什么是vue ui

vue3相比vue2多了一个创建项目的方式,那就是使用vue ui的命令方式创建项目。vue ui的实质就是使用vue官方图形化项目管理工具

2、如何使用vue ui创建vue项目

使用vue ui命令创建vue项目_数据类型
使用vue ui命令创建vue项目_创建项目_02
使用vue ui命令创建vue项目_创建项目_03
使用vue ui命令创建vue项目_前端_04

或者直接选择第二个使用vue3的默认选项,我在这里介绍手动配置
使用vue ui命令创建vue项目_前端_05
使用vue ui命令创建vue项目_vue.js_06
使用vue ui命令创建vue项目_数据类型_07

2.1 使用vue ui创建项目时的几个选项

Choose Vue version 选择vue版本

Babael 选择是否支持旧版本js

TypeScript 选择是否支持TypeScript(TypeScript是JavaScript的超集,因为JavaScript没有数据类型,在大型前端项目中,容易因为这个问题出现错误。所以出现了TypeScript,typeScript创新点在于有了数据类型,减少了出错的可能性。typescript在编译时会转换为javascript)

Router 选择是否引入vue的路由管理(如果涉及到多个组件之前的跳转,就使用。如果你只是写主组件,用来练习一些基础语法,没有必要使用)

CSS Pre-processors 选择是否引入less、sass、stylus

Linter/Formatter 选择是否引入eslint或者Prettiter对代码进行检测

Progressive Web App(PWA) Support 选择引入vue cli(脚手架,即是对vue插件进行管理,我推荐用)

Vuex 状态管理(对整个项目的各个组件的值进行全局管理,如果项目不大,就没必要使用)

Unit Test 添加单元测试(针对某一个函数进行测试)

E2E Testing 端对端测试(模拟完整测试环境,前后端进行交互,我还没用过)

使用配置文件 使用之前配置好的文件(具体使用,我还没用过)

标签:TypeScript,项目,创建,vue,ui,使用
From: https://blog.51cto.com/u_15314615/6188093

相关文章

  • vue中通过事件获取元素的值
    vue中通过事件获取元素的值原生js获取值<template><div><ul><li>姓名:<inputtype="text"id="name"/></li></ul><button@click="doSubmit()"class="submit">获取表单的......
  • 用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
    前言:本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。效果图:文件目录结构和代码如下:   文中用到的标题栏数据如下:consttitles=ref([{name:"首页",path:"home",children:[]},{......
  • CKEditor粘贴图片自动上传到服务器(VUE版)
    ​ 由于工作需要必须将word文档内容粘贴到编辑器中使用但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来解......
  • Vuex笔记
    Vuex有state,mutation,actions,getter四种用法如下:1、state(存储数据):state{count:0//全局数据}获取state数据两种方式:this.$store.state.全局数据名称利用辅助函数mapstateImport{mapState}from“vuex”computed:{…mapstate([“全局数据名称”])}2、mutation(更......
  • vue长按事件指令(v-longPress)
    importtype{Directive,App}from'vue';constlongPress:Directive={beforeMount:function(el,binding,vnode,prevVnode){if(typeofbinding.value!=='function'){throw'callbackmustbeafunction';......
  • Docker MySql8 创建、删除、授权用户
    1、登录MySql8#登录数据库dockerexec-itmysql8mysql-uroot-proot123456#切换数据库实例usemysql;2、用户操作2.1、查看用户selecthost,user,authentication_string,pluginfromuser;2.2、创建本地用户#创建一个用户名为admin,密码为admin123456的......
  • 批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现
    为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法:action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数......
  • Guide to Regen on VW Passat TDI with Launch x-431 Pro5
    LaunchX-431PRO5openstheeraofinnovativedualdiagnosticmodes(localdiagnosisandSmartLinkremotediagnosis).ItinheritsthepowerfuldiagnosticstrengthofPROseriesandcomeswithmultipleadvantages,suchaswidevehiclemodelcoverage,numer......
  • VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(三)
    Edit.vue<template><divid="edit"><ClassicHeader><templatev-slot:left><span>编辑随笔</span></template><templatev-slot:right><el-button@click="......
  • VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(二)
    后台管理页面,需要配合NODE.JS搭建的EXPRESS服务器使用。main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'import{Button,Input,Form,Link,Divider,Upload,Dialog,Card,Popover,Messa......