首页 > 其他分享 >[转载]:npm create vite@latest 和 npm init vue@latest 的区别

[转载]:npm create vite@latest 和 npm init vue@latest 的区别

时间:2023-11-13 16:47:28浏览次数:31  
标签:npm vue 项目 create Vue vite latest

1.npm create vite@latest:
使用 Vite 构建工具创建项目模板。
Vite 是一个现代化的前端构建工具,用于快速搭建现代化的 Vue、React 或者原生 JavaScript 项目。
通过该命令创建的项目模板具有现代化的构建特性,如快速的热模块替换、即时的开发服务器、基于 ES 模块的构建等,能够提供更快的开发和构建速度。

2.npm init vue@latest:
使用 Vue CLI 创建项目模板。
Vue CLI 是一个官方提供的用于快速搭建 Vue 项目的脚手架工具。
通过该命令创建的项目模板集成了 Vue 相关的生态系统和最佳实践,包括路由、状态管理、打包配置等。
Vue CLI 提供了更多的选项和配置,适用于更复杂的 Vue 项目需求。

总结:

如果你需要构建一个 Vue 项目,并且需要使用 Vue 生命周期、Vue Router、Vuex 等 Vue 生态的全套功能,以及一些预定义的配置和插件,可以选择使用 npm init vue@latest。
如果你希望创建的项目是一个现代化的、轻量级的项目,不依赖传统的打包工具如 webpack,而且希望享受到 Vite 的极速开发体验,可以选择使用 npm create vite@latest。

标签:npm,vue,项目,create,Vue,vite,latest
From: https://www.cnblogs.com/workbox/p/17829466.html

相关文章

  • vuejs3.0 从入门到精通——Vuex 4.x —— state
    Vuex4.x——statehttps://vuex.vuejs.org/zh/guide/state.html一、单一状态树 Vuex使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源(SSOT)”而存在。这也意味着,每个应用将仅仅包含一个store实例。单一状......
  • vuejs3.0 从入门到精通——Vuex
    Vuexhttps://vuex.vuejs.org/zh/一、Vue是什么? Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。1.1、什么是"状态管理模式"? 状态管理模式是一种在前端开发中管理......
  • vue2中的属性什么时候会没有响应式呢?
    vue2中的属性什么时候会没有响应式呢?exportdefault{data(){return{form:{}}},methods:{getDetail(){this.form={name:'张三',age:18}this.form.gender='male'//那么此......
  • 如何用Angular or Vue 来 实现Dynamics 365 WebResource 开发
    第一步:构建Angular项目,可以使用VisualStudio的项目模版创建(含.netCore相关)或者使用Angularcli创建,我习惯使用angularcli 执行以下命令:ngnew项目名称,回车可以选择含路由,style是CSSorLESS根据所需选取,稍等几分钟(取决于网络,会download......
  • vueCropper使用教程
    vueCropper使用教程1、使用步骤1.1、安装vue-croppernpminstallvue-croppermain.js里面使用importVueCropperfrom'vue-cropper'Vue.use(VueCropper)组件内使用import{VueCropper}from'vue-cropper'components:{ VueCropper}1.2、基本使用方法<!--外层......
  • vuejs3.0 从入门到精通——provide、inject、mixins、extends
    provide、inject、mixins、extends一、provide二、inject三、mixins四、extendshttps://cn.vuejs.org/api/options-composition.html#mixins 一个包含组件选项对象的数组,这些选项都将被混入到当前组件的实例中。interfaceComponentOptions{mixins?:ComponentOptio......
  • Vue组件的命名规范
    给组件命名有两种方式,一种是使用链式命名my-component,一种是使用大驼峰命名MyComponent,在字符串模板中<my-component></my-component>和<MyComponent></MyComponent>都可以使用,在非字符串模板中最好使用<MyComponent></MyComponent>,因为要遵循W3C规范中的自定义组件名(字母......
  • vue3搭建
    一、Vue3介绍://创建一个Vue实例constapp=Vue.createApp({data(){return{message:'HelloVue!'}}})app.mount('#app')二、安装Vue3:npminstall-g@vue/cli#或者yarnglobaladd@vue/clivuecreatemy-project三、开始开发:<te......
  • vue2 和 vue3 什么区别
    GitHubCopilot:Vue2和Vue3在许多方面都有所不同,以下是一些主要的区别:CompositionAPI:Vue3引入了CompositionAPI,这是一种新的方式来组织和复用代码。这是与Vue2OptionsAPI相比的一个重大改变。性能:Vue3在性能方面进行了大量优化,包括更小的框架大小,更快......
  • 11 13vue代码优化
    今天基本学完了前端vue,整理vue:接口封装//定制请求的实例//导入axios npminstallaxiosimportaxiosfrom'axios';import{ElMessage}from'element-plus'//定义一个变量,记录公共的前缀 , baseURL//constbaseURL='http://localhost:8080';constbaseURL=......