首页 > 其他分享 >vue3实战

vue3实战

时间:2022-12-01 20:56:51浏览次数:83  
标签:实战 npm vue No Add 添加 vue3 Yes

1.vue官方文档

1.创建项目

方式一:vite(推荐)

npm init vue@latest 

会有如下提示

Need to install the following packages:
  create-vue@3
Ok to proceed? (y) y----------选Y
 
Vue.js - The Progressive JavaScript Framework
 
✔ Project name: … vue3_ok  //项目名称
✔ Add TypeScript? … No / Yes  //是否使用TS
✔ Add JSX Support? … No / Yes  //是否支持JSX,除非你是搞React开发
✔ Add Vue Router for Single Page Application development? … No / Yes   //是否添加路由
✔ Add Pinia for state management? … No / Yes   //是否添加状态管理 推荐pinia
✔ Add Vitest for Unit Testing? … No / Yes  //是否添加单元测试
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes  //是否添加端到端测试
✔ Add ESLint for code quality? … No / Yes   //是否添加ESLint做代码质量检查
✔ Add Prettier for code formatting? … No / Yes   //是否添加Perttier进行代码格式化
 
 
 
 
 
  cd vue3_ok   //cd 进行目录
  npm install   //安装相关依赖   npm i
  npm run lint   //运行代码修复
  npm run dev   //运行项目

  

方式二:vue-cli

 vue create 项目名

 

标签:实战,npm,vue,No,Add,添加,vue3,Yes
From: https://www.cnblogs.com/zph666/p/16942656.html

相关文章

  • 1:Unit test and main function-Java API 实战
    (目录)1.抛出企业问题,脱离main测试,模块化编程main方法是什么?main方法就是进入程序的一扇门,而这个门只负责开和关,打开门可以实现某些功能,但这些功能只由门里面的东西来......
  • 实战第二章
    1、money=input("欢迎使用XXX充值业务,请输入充值金额:\n")money_str=str(money)print("充值成功,您本次充值"+money_str,"元") 2、 3、dad=float(input("请......
  • 爬虫实战入门
    爬虫0(正则表达式查找,get)11月15日##获取豆瓣电影top250importrequestsimportre#首先获取url,然后用浏览器F12发现是get请求url='https://movie.douban.com/top2......
  • 《maven实战》学习--部分摘自许晓斌博客
    部分摘自许晓斌博客:https://juvenshun.iteye.com/blog/2068151.简介:Maven不仅仅是一个工具,它更是一种先进的理念,其一是"约定优于配置(ConventionOverConfiguration)",只要......
  • vue3使用记录
    1.路由跳转<scriptsetup>import{useRouter}from"vue-router";constrouter=useRouter();functiontoDetail(){router.push({path:"/detail",});......
  • vue3状态流转记录
    刚用vue3的时候觉得习惯了之后非常爽,比vue2比起来要灵活,ref、reactive等新api写几个页面也基本理解用法了。但是逐渐深入后发现遇到一些疑难问题的时候,排查起来非常困难,其......
  • [Vue3-10]表单数据绑定
    1.输入框2.单选多选3.下拉选择......
  • [Vue3-09]事件处理
    1.传参2.多事件绑定......
  • 高质量泛光(Bloom)从理论到实战
    泛光(Bloom)是现代电子游戏中常见的后处理特效,通过图像处理算法将画面中高亮的像素向外“扩张”形成光晕以增加画面的真实感,能够生动地表达太阳、霓虹灯等光源的亮度。Bloom......
  • 实战 | OpenCV带掩码(mask)的模板匹配使用技巧与演示(附源码)
    导读本文将重点介绍OpenCV带掩码(mask)的模板匹配使用技巧与演示。(公众号:OpenCV与AI深度学习) 背景介绍  在使用模板匹配时,一些特定情况中我们并不需要将整个模板图......