Vue3学习笔记---创建Vue3.0工程

LinMeng
• 阅读 365

创建方式分为两种:

1.使用vue-cli创建

官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

 vue --version
// 安装或升级你的@vue/cli
 npm install -g @vue/cli
// 创建
 vue create vue_test
// 启动
 cd vue_test
 npm run serve

2.使用vite创建

官方文档:https://v3.cn.vuejs.org/guide/installation.html#vite

vite官网:https://vitejs.cn/

* 什么是vite?------新一代前端构建工具
* 优势如下:

  1. 开发环境中,无需打包操作,可快速的冷启动
  2. 轻量快速的热重载(HMR)
  3. 真正的按需编译,不再等待整个应用编译完成
  • 传统构建与vite构建对比图
  • 传统构建 Vue3学习笔记---创建Vue3.0工程 vite构建 Vue3学习笔记---创建Vue3.0工程 创建工程如下:
    npm init vite-app <project-name>
    // 进入工程目录
    cd <project-name>
    //安装依赖
    npm install
    //运行
    npm run dev 
点赞
收藏
评论区
推荐文章
20pzqm 20pzqm
2年前
vue+electron 环境搭建记录(基于vue-cli-plugin-electron-builder)
目标搭建vueelectron的工程主要步骤构建初始化工程创建vue3工程使用vuecli工具创建一个vue3工程vueui使用网页创建,注意vue版本选3.0,构建工具选择yarn:::tip选择yarn工具::::::tip手动选择依赖::::::tip开启vuexvueroutereslintless等功能
菜鸟阿都 菜鸟阿都
2年前
vue项目无配置文件解决方案
问题在开发vue项目时,需要重新设置项目的启动端口,发现项目目录中并没有相关的配置文件【config目录】vue脚手架版本【通过vueversion查询】:@vue/cli4.5.13解决方案在vue项目根目录下创建vue.config.js配置文件vue.config.jsmodule.exportsdevServer:d
Easter79 Easter79
2年前
vue cli创建项目失败
最近使用vuecli创建项目时总是失败,在此分享一下我的解决办法,简单粗暴:npmuninstallgvueclinpmuninstallg@vue/clinpmcachecleanforcenpminstallg@vue/cli如果这些操作之后还是不行的话,找到
Jacquelyn38 Jacquelyn38
2年前
npm发布包以及更新包还有需要注意的几点问题(这里以发布vue插件为例)
前言在此之前,你需要去npm官网注册一个属于自己的账号,记住自己的账户名以及密码、邮箱,后面会用的到。第一步,安装webpack简易框架vue init webpacksimple marquee这里会用到vueinit命令,如果你的cli版本是3或者以上,那么在此之前你需要安装vue/cliinitnpminstallg@vue
Easter79 Easter79
2年前
Vue CLI 3搭建vue+vuex 最全分析
一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。有三个组件:CLI:@vue/cli 全局安装的npm包,提供了终端里的vue命令(如:vuecreate、vueserve、vueui等命令)CLI服务:@vue/cliservice是一个开发环境依赖。构建于 we
LinMeng LinMeng
3年前
vue.config.js配置前端代理
//vue.config.js配置说明//官方vue.config.js参考文档https://cli.vuejs.org/zh/config/cssloaderoptions//这里只列一部分,具体配置参考文档module.exports{//部署生产环境和开发环境下的URL。//默认情况下,VueCLI
可莉 可莉
2年前
10分钟阅读一篇关于Vue
!file(https://oscimg.oschina.net/oscnet/up4f8ccb1755bb73c4ffe6a7ba91253ddc.jpg"file")VuecliVue脚手架的基本用法,vue脚手架用于快速生成vue项目基础架构:地址:https://cli.vuejs.org/zh/使用方式,安装3.x版本
Stella981 Stella981
2年前
Spring 3 mvc hello world例子
本篇文章中,我会使用maven构建一个基于SpringMVC的入门例子,前端标签库使用的是jstl。在开始之前,请确保你已经安装maven、eclipse以及tomcat。1.创建maven工程在eclipse的工作区中使用maven命令行创建一个空白工程,当然你也可以用eclipse的m2eclipse插件来创建。mvnarch
京东云开发者 京东云开发者
9个月前
手把手带你初探Vue 3.0 | 京东物流技术团队
距离Vue3.0正式发布已经过去一段时间了,2月7日Vue团队正式宣布Vue3正式成为新的默认版本。最近接触的新项目也使用Vue3.0来开发,因此有必要对它进行一波总结和学习。
乐和 乐和
3星期前
全面升级!Vue3 + TS 仿知乎专栏企业级项目「完结无密」
全面升级!Vue3TS仿知乎专栏企业级项目「完结无密」download》shanxueit.com/239/用Vue3TS写一篇仿知乎专栏企业级项目的代码首先,确保你已经安装了VueCLI,然后创建一个新的Vue项目:bashvuecreatezhih
LinMeng
LinMeng
Lv1
争取早日实现“代码自由” wa !!!
文章
50
粉丝
7
获赞
33