使用create-vue创建vue3项目

最新推荐文章于 2024-04-24 16:22:52 发布
最新推荐文章于 2024-04-24 16:22:52 发布
阅读量92 收藏
点赞数
文章标签： node.js vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jackson_xxxx_/article/details/134527626
版权
1、前提条件 
  • 熟悉命令行
  • 安装16.0或更高版本的nodejs（建议安装v16.13.1或v17.3.0稳定版）

2、 创建项目

对应文件目录下，打开命令提示符窗口，输入：npm init vue@latest

根据步骤，一步步选择

其中项目名称默认为vue-project，可输入更改

 

3、启动项目

构建项目结束后，执行npm install下载依赖

启动项目：npm run dev

 

项目打包：npm run build  

Jackson_xxxx_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建vue3项目——vue create vue3_test
m0_53251830的博客
02-16 1310
创建vue3项目
创建项目vue3项目
twinkle的博客
10-15 3966
创建Vue3的项目目前主要有两种方式： 1.使用@vue/cli 创建，但是版本在4.5.7左右的可以创建 2.使用vite(一个新的构建工具) 使用@vue/cli创建 1.先更新到@vue/cli 的版本到 4.5.7 更新方法： 点击这里 创建方式如下： vue create 项目名称 如vue create Vue3-app-cli 2.我们选中（按上下键来切换选项）Vue3 或者自定义都可以，测试使用自定义 4.自定义一些vue的常用拓展 创建成功后，就可以打开了，如下（默认是80的.
用命令npm create vue@latest创建vue3项目时没反应
最新发布
weixin_52136521的博客
04-24 611
完成上面步骤再取创建vue3项目。
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 5万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
创建Vue3项目两种方式
weixin_45609659的博客
02-24 2666
一、vue-cli创建 vue create vue3_test Default (Vue 3) ([Vue 3] babel, eslint) √ 二、vite创建 npm init vite-app vue3_test_vite cd vue3_test_vite npm i npm run dev（运行）
新一代Vue脚手架（create-vue）
WEB前端李志杰
06-21 1万+
新建Vue项目，别再用Vue-Cli了，该换换了。
create-vuepress-site:VuePress网站生成器
05-12
创建Vuepress站点搭建VuePress项目入门运行发电机在所需的文件夹中，运行以下命令以启动VuePress网站生成器：npx create-vuepress-site# yarn create vuepress-site 这将在docs目录中创建一个脚手架文档站点，该站点...
create-vue-app：创建没有构建配置的Vue应用
02-05
创建Vue应用 产品特点 直到您需要时才进行配置，这要感谢 。 支持所有CSS预处理器和CSS模块 热模式重装 由于 ，默认情况下使用进行单元测试且没有配置。...create-vue-app my-vue-app cd my-vue-app 或者
create-vue-app
07-07
Webpack + Vue脚手架 Cva(create vue app)是基于webpack封装的脚手架，旨在帮助FE快速创建一个vue2或vue3工程，并提供统一、稳定、可拓展的前端构建服务，帮助广大FE快速初始化项目
form-create-designer:好用的vue可视化表单设计器
04-06
本项目还在不断开发完善中，如有任何建议或问题本项目QQ讨论群安装npm install @form-create/designer♡ CDN： <!-- import Vue.js -->< script src =" //vuejs.org/js/vue.min.js " > </ script &gt...
vue create创建项目
77今天也学习了的博客
08-12 2804
新版本创建参考 旧版本创建参考
Vue3项目搭建教程（create-vue）
weixin_53818172的博客
07-04 1397
create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目）介绍 | Vue CLIcreate-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。
使用create-vue搭建Vue3项目
qq_56101688的博客
01-26 428
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。执行如下命令，这一指令将会安装并执行 create-vue。前置条件 - 已安装16.0或更高版本的Node.js。
用 create-vue 从 0 到 1 搭建一个后台管理系统
军火库
02-28 559
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
CherishTheYouth的博客
09-11 458
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行的，执行文件的生成细节； 第三部分是本文的核心部分，主要分析了终端交互和配置读取的实现细节、脚手...
vue3构建项目
Hiroshi's
02-08 97
vue3构建项目的方式 vue create vue-admin 我们用vscode打开之前pull下来的项目文件夹，然后ctrl+~打开终端 先查看一下vue版本 创建vue-admin项目： vue create vue-admin 因为和之前那个文件夹重名了，所以提示： 我们选择merge，接下来配置： 我们手动选择： 接着选择模式，选择n，使用哈希模式： 再选择： 再选择： 保存的时候进行代码检测： 最后就是安装了： 安装完毕： 我们运行npm run serve启动项目：
【03Vue3 创建项目教程】Vue3 创建项目及开发指南
燃正科技
06-08 5414
例如，你可以选择默认配置，其中包含了常用的插件和工具，也可以选择手动配置，根据自己的需求进行设置。你还可以使用预设模板，这些模板可以帮助你快速搭建特定类型的项目，如移动端应用或者使用 TypeScript 的项目。首先，确保你的计算机上已安装最新版本的 Node.js。通过按照以上步骤，你已经学会了如何创建一个 Vue3 项目，并在本地开发服务器上进行预览。现在你已经成功创建了一个 Vue3 项目，并运行在本地开发服务器上。这将启动 Vue CLI 的项目创建向导，你可以根据提示进行选择。
【源码】create-vue脚手架原理
rbgg_mp的博客
08-09 1261
1.creat-vue比@vue/cli快，原因在于相对依赖少，代码行数少2.相当于3.creat-vue完成了1.创建默认文件,可以自定义输入文件名2. 提供使用率比较高的库供用户选择并生成相应的模板3. 完成项目创建，并提供运行提示4.动态取用户使用的包管理工具包管理工具使用优先级。...
create-vue创建项目
08-18
5. 创建项目时，Vue CLI会自动下载并安装所需的依赖项。这可能需要一些时间，取决于您的网络速度和项目的复杂性。 6. 完成安装后，您可以通过运行以下命令进入项目目录： ``` cd 项目名称 ``` 7. 最后，您可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值