新建Vue3工程（适用于新手）

最新推荐文章于 2025-03-26 10:27:55 发布
最新推荐文章于 2025-03-26 10:27:55 发布
阅读量145 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_62100318/article/details/130957153
版权

该部分适合于新手学习Vue3框架时进行Vue3工程的搭建

安装vue：

Win+R 输入：cnpm install -g @vue/cli

验证是否安装成功：vue --version

在对应文件夹下右击打开集成终端

 

输入  vue  create  jiaohu_test（新建项目名字）名称不能存在大写！！！！！ 但是可以存在横杠等连接符

点击回车之后在相关选项处按照如下标准进行配置：

在第二步时点击空格进行选择或者取消选择。

运行 在新建完成的项目的集成终端中运行npm run serve   

在运行的时候需要在工程的集成终端下进行运行，在包含工程的文件夹下运行无用

创建vue3工程
咸鱼滚滚
08-16 474
注意：目前vue-cli已处于维护模式，官方推荐基于 Vite 创建项目。
vue3快速上手指南
weixin_43943583的博客
07-15 2386
2020年9月18日，Vue.js发布版3.0One Piece（n4800+次提交40+个RFC600+次PR300+贡献者3.3.4setup是Vue3中一个新的配置项，值是一个函数，它是“表演的舞台_，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。setup函数返回的对象中的内容，可直接在模板中使用。setup中访问this是undefined。setup函数会在之前调用，它是“领先”所有钩子执行的。<template>
创建Vue3工程
m0_73814612的博客
05-13 348
1、首先需要安装好node.js，可以通过输入cmd打开命令提示符，输入node查看，如果有node版本则说明有node环境，如果没有，去官网安装即可，安装之后重启电脑。官方文档指路：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application。## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上。## 是否添加pinia环境。## 是否添加JSX支持。## 是否添加路由环境。## 是否添加单元测试。
vue3项目搭建
最新发布
weixin_51349592的博客
03-26 1887
使用vue、vite、axios、vue-router、pinia搭建vue3项目
Vue3 —— 创建 Vue3.0 工程
HuoZhiyan 的博客
07-01 2426
Vue3.0 工程的创建及简单分析，内含扩展工具安装包。
创建Vue3项目(vue-cli，vite，create-vue)
umin_的博客
08-08 8386
记录一下vue3搭建项目的几种方法（vue-cli，vite，create-vue）更推荐vite安装，如果几种方法都尝试过的小伙伴应该会发现vite安装更加的快速推荐pnpm和yarn包管理器，安装速度杠杠的，可以学习一下。
基于Vue3+ThreeJS实现机械臂控制和预览
07-11
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】： 二、技术栈 web 端使用 Vue3+element-plus UI 3D 显示使用 three.js ...
Vue2移动端项目开发流程
Mr.小灰狼_随笔
09-02 6277
Vue 项目开发流程 目录 移动端电影项目 1、项目效果 2、开发项目流程 3、开发环境 4、初始化项目 @4.5.19 版本Vue脚手架创建项目 UI 图形界面创建项目 Mac 电脑使用 Vue.cli4.X搭建项目流程 5、Vant 移动端组件库 5-1、安装 Vant 5-2、自动按需引入组件( 推荐 ！) 5-3、移动端样式设置（适配） 6、路由规划 7、网络请求 实战案例 :
Windows下使用pm2管理多个前端vue项目
qq_37916164的博客
09-02 688
2. Cluster 模式 多线程: 利用 Node.js 的集群模块来启动多个进程，每个进程都可以运行在不同的 CPU 核心上。1. Fork 模式 单线程: 每个进程都是独立的单线程进程，适用于处理单核 CPU 的任务。适用场景: 适用于需要在不同的进程中运行的应用，比如每个进程处理不同的任务，或者在开发和调试过程中。注：避免重复启动，如果你不希望重复启动同一个脚本，请确保不要多次运行相同的 pm2 start 命令，而是使用 pm2 restart 或 pm2 reload 来重新启动进程。
GeoServer+vue2+leaflet构建地图服务
吴道简的博客
06-22 1776
因为geoserver就是后端服务，所以如果没有太强烈的数据安全需求，其实没有必要再加一个python django或者java springboot来做服务中转，转发请求。 现在其实有一个大前端的概念，前端开发模式下，能模拟服务端请求，也能解决get和post请求的跨域问题，而且前端也可以直接部署到服务器上，所以，我们只要有一个前端平台就可以了。 我这里选用的前端框架是vue2，主要出于三点考虑，其一是简单易用上手快；其二是leaflet对它的集成比较好；其三是用的人比较多，有点问题上网搜，容易找到回
Vue3项目创建
weixin_45415107的博客
09-18 6823
在创建一个新的Vue 3项目时，您会遇到以下目录结构：根目录•package.json：项目的配置文件，包含项目依赖、脚本和其他设置。•package-lock.json：锁定依赖版本信息，确保每次安装的依赖版本一致。•README.md：项目的说明文档。•.gitignore：Git版本控制忽略文件。•public：静态资源目录，存放图片、字体等静态资源。•src：源代码目录，包含Vue组件、JavaScript文件、样式文件等。src目录。
Vue3从入门到入土（2）创建Vue3工程
m0_74343375的博客
08-05 2696
本文介绍了如何创建一个 Vue 3 工程。从安装 Node.js 和 npm 开始，接着安装 Vue CLI，并通过 Vue CLI 创建一个新的 Vue 3 项目。详细讲解了如何启动开发服务器、了解项目结构，并编写第一个 Vue 3 组件。通过这些步骤，读者可以快速上手 Vue 3，开始构建现代化的 Web 应用程序。
【VUE基础】VUE3第一节—vite创建vue3工程
TT小子的博客
07-03 1458
Vite项目中，index.html是项目的入口文件，在项目最外层。加载index.html后，Vite解析指向的JavaScript。Vue3**中是通过 **createApp函数创建一个应用实例。
创建vue3项目
m0_68705108的博客
05-12 4158
随着前端技术的快速发展，Vue.js 作为一款流行的 JavaScript 框架，不断推陈出新。Vue 3 作为其最新版本，带来了诸多性能提升和新的特性。本文将详细介绍如何使用 Vue CLI（命令行界面）来创建一个完整的 Vue 3 项目。
超简单创建vue3项目
A12536365214的博客
07-31 820
Vue CLI可以帮助你快速搭建Vue项目的开发环境，而Vue 3提供了更多的优化和特性，让你在开发Vue应用程序时更加高效和便捷。创建Vue 3项目非常简单，使用Vue CLI即可轻松完成。Vue CLI是一个官方提供的命令行工具，用于创建和管理Vue项目。5.编写Vue组件和代码：使用你喜欢的代码编辑器打开项目目录，并开始编写Vue组件和代码。6.预览和调试：在开发服务器运行的情况下，你可以在浏览器中预览你的Vue应用程序。4.进入项目目录并启动开发服务器：进入刚刚创建的项目目录，并启动开发服务器。
vue3.0快速创建项目
叫我官人
10-26 1931
https://blog.csdn.net/xuqipeter/article/details/80452271
Vite创建Vue3项目以及Vue3相关基础知识
2201_75705263的博客
10-16 2490
Vite创建Vue3项目以及Vue3相关基础知识,ts,typeScript,mitt,pinia,
从零创建 Vue 3 项目
码农键盘上的梦
02-06 7763
方法适用场景优点缺点Vue CLI中大型项目，需要完整生态支持功能强大，插件丰富配置复杂，启动速度较慢Vite现代前端项目，追求开发体验启动速度快，开发体验极佳生态相对较新官方模板快速上手，定制化需求简单快捷功能较少StackBlitz在线原型开发，快速分享无需本地环境依赖网络，功能受限在线开发，团队协作支持多人协作依赖网络，功能受限快速创建项目官方支持，配置灵活功能较少Nuxt.js服务端渲染，静态站点生成支持 SSR/SSG，SEO 友好。
创建一个vue
03-25
3. 新建工程实例 按照界面上给出的操作指引逐步填写必要参数直至最终确认提交即可形成完整的开发样板库。 --- ### 如何创建 Vue 组件 一旦有了基本的应用架构作为支撑平台，就可以着手设计独立的功能单元——即...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值