创建一个vue3的项目

向右看齐 2022-12-23 04:59 196阅读 0赞

## 1. 创建一个普通的vue3项目 ##

npm instal -g @vue/cli //全局安装最新vue构建工具 (默认最新)
    npm create testvue3    //创建一个名为myvue3的项目

选择 Default ( Vue 3 Preview)  
![在这里插入图片描述][20201122180412874.png_pic_center]

//运行项目
    cd testvue3
    yarn serve

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center]  
**效果图：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center 1]

## 2. 创建一个基于vite开发的vue3项目 ##

npm instal -g create-vite-app    //全局安装最新vite构建工具 (默认最新)
    create-vite-app my-vite-vue3     //创建一个名为myvitevue3的项目
    
    cd my-vite-vue3  //进入项目
    yarn install     //安装项目依赖
    yarn dev         //启动项目

**效果图：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center 2]

[20201122180412874.png_pic_center]: /images/20221120/e6d9a7ea0803404b8623adac28e2ade0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/26180182b11a414ba7ab86555f114ed7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/f4db56ef012f4c9fa1298b400e19bb34.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/3f3d5885e57540fe80b19f91dc74eb5c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关使用VSCode创建一个Vue项目

详细介绍如何创建一个Vue项目，node.js，vue-cli安装，配置淘宝镜像等。

约定不等于承诺〃/ 2024年04月23日 20:06/ 0 赞/ 36 阅读

相关 VUE3快速入门(一)---创建项目

VUE3 安装最新脚手架创建项目运行项目新老版本main.js对比 vue2.x版本 vue3.x版本如果

Dear 丶/ 2022年12月25日 09:53/ 0 赞/ 148 阅读

相关创建一个vue项目

一、需要用到的东西 node.js环境 (node -v) vue-cli脚手架 (npm install -g @vue/cli ) cnpm

末蓝、/ 2022年12月23日 09:37/ 0 赞/ 186 阅读

相关创建一个vue3的项目

1. 创建一个普通的vue3项目 npm instal -g @vue/cli //全局安装最新vue构建工具 (默认最新) npm create tes

向右看齐/ 2022年12月23日 04:59/ 0 赞/ 197 阅读

相关安装Vue，创建一个Vue项目

安装Vue，创建一个Vue项目 [点这里看完整版][Link 1] [这里还有一个版本][Link 2] [Link 1]: https://blog.csdn.

灰太狼/ 2022年12月09日 02:49/ 0 赞/ 166 阅读

相关【Vue3教程】创建你的第一个Vue 3项目

> 作者：Shadeed > 译者：前端小智 > 来源：dmitripavlutin > 点赞再看，微信搜索\\【[大迁世界][Link 1]】,B站关注【[前端小智

清疚/ 2022年11月13日 01:59/ 0 赞/ 193 阅读

相关快速创建一个vue项目

身为入行未深的小白前端，不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷，vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程，跟你们分

刺骨的言语ヽ痛彻心扉/ 2022年05月17日 13:05/ 0 赞/ 273 阅读

相关安装Vue 及创建一个Vue 项目

首先要先安装node 及 npm 详情见【http://www.cnblogs.com/ylboke/p/8342116.html 】及【http://www.c

梦里梦外;/ 2022年03月02日 04:54/ 0 赞/ 346 阅读

相关创建一个Vue项目

创建一个Vue项目创建vue所需的一些准备 1. 安装npm（下载了node.js就有） 2. 安装淘宝npm镜像（安装好npm之后控制台输入npm instal

淩亂°似流年/ 2022年02月16日 09:31/ 0 赞/ 284 阅读

相关通过Webstorm创建一个Vue3.x项目

1、安装node.js 打开[node官网][node]，下载安装包进行安装 ![watermark_type_ZmFuZ3poZW5naGVpdGk_

╰半夏微凉°/ 2021年10月18日 15:36/ 0 赞/ 1929 阅读