首页 > 其他分享 >(一)Vue 3 项目搭建

(一)Vue 3 项目搭建

时间:2022-12-29 11:11:44浏览次数:31  
标签:npm Vue No 项目 Add vue Yes 搭建

确保已安装 16.0 或更高版本的 Node.js,然后在命令行中运行以下命令:

npm init vue@latest

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes      // 使用ts新语法
✔ Add JSX Support? … No / Yes     // 可以使用{{}}嵌入
✔ Add Vue Router for Single Page Application development? … No / Yes      // 添加路由
✔ Add Pinia for state management? … No / Yes      // 存储库
✔ 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         // es语法检测
✔ Add Prettier for code formatting? … No / Yes    // 语法样式

然后执行cd vue-project
安装依赖npm install
启动项目npm run dev

标签:npm,Vue,No,项目,Add,vue,Yes,搭建
From: https://www.cnblogs.com/tanxj/p/17011905.html

相关文章

  • 跟光磊学Java-macOS版IntelliJ IDEA开发Java项目
    IntelliJIDEA  配置IntelliJIDEA后,就可以用它开发Java项目了,这里会手把手带领大家从头开始开发一个多模块的java项目1.IntelliJIDEA开发Java项目的流程......
  • vue基本语法
    vue基本语法v-bind<!DOCTYPEhtml><htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml"><head><metacharset="UTF-8"><title>Title</title>......
  • vscode+eslint项目规范化,自动格式化配置(项目中用到的)
    项目如果没有格式化插件就会变得十分拥挤,并且因为个人的开发习惯不同,会导致多人配合的时候,某些人的格式不能与你的兼容导致项目大面积冲突,这样一来统一的格式和开发规范就......
  • 使用vs2022创建一个Avalonia项目
    1、安装vs20222、打开vs2022,工具→NuGet包管理器;打开NuGet搜索Avalonia并安装  3、安装成功后,在项目依赖项→包下引用包会有Avalonia的相关文件  4、创建一个Av......
  • 40-Zabbix在Grafana中展示和Zabbix性能优化以及Zabbix高可用集群搭建
    Zabbix利用Grafana进行图形展示Grafana是一款采用go语言编写的开源应用,主要用于大规模指标数据的可视化展现,是网络架构和应用分析中最流行的时序数据展示工具,目前已经......
  • web项目 获取nacos配置java 代码
    1.主动监听nacos配置类importcom.alibaba.cloud.nacos.NacosConfigManager;importcom.alibaba.nacos.api.config.ConfigService;importcom.alibaba.nacos.api.confi......
  • vue入门
    Vue入门SOC:关注度分离原则网页三要素:HTML+CSS+js:视图:给用户看,刷新后台给的数据网络通信:axios页面跳转:Vue-router状态管理:vuexVue-UI:ICEM模型V视图C控制器......
  • 【前端vue开发架构】vue开发单页项目架构总结
    活动设计的前端架构主要的技术栈为Vuejs,Webpack,请自行阅读如下技术或者框架的文档:一、基础说明:node (https://nodejs.org/en/)npm(​​https://www.npmjs.com​​)webpac......
  • 微服务链路追踪-skywalking搭建
    下载并解压skywalkingwgethttps://archive.apache.org/dist/skywalking/8.5.0/apache-skywalking-apm-es7-8.5.0.tar.gztar-zxvf apache-skywalking-apm-es7-8.5.0.t......
  • 总结开源项目中的常见坏实践(Bad Practice)
    一些开源项目包含了各种编程的最佳实践供人参考学习和借鉴。但是也有一些开源项目虽然初衷是好的。但是包含了一些代码的坏实践。特别是对于一部分刚入行的大学生来说,可能......