Vue3项目搭建

最新推荐文章于 2024-05-14 04:39:11 发布
最新推荐文章于 2024-05-14 04:39:11 发布
阅读量113 收藏
点赞数
分类专栏： Vue3 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TZJ999919/article/details/131757041
版权

使用create-vue搭建Vue3项目

认识create-vue

create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目
https://cli.vuejs.org/zh/guide/
在这里插入图片描述
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应
在这里插入图片描述

使用create-vue创建项目

前置条件 - 已安装16.0或更高版本的Node.js
执行如下命令，这一指令将会安装并执行 create-vue

npm init vue@latest

目前是学习基本语法，可以都选中No
在这里插入图片描述

田小田、
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue项目搭建
01-08
一、安装node环境 1、安装：node地址（对应下载64位msi，安装即可）； 2、测试安装是否成功：cmd中检测版本及是否安装成功：输入命令node -v 3、npm：安装node时会将npm一并安装了，在cmd中检测版本：输入命令npm -v 二、vue-cil 搭建项目 1、全局安装vue-cil : npm install -g vue-cli 2、项目初始化： 若vue非命令，则需要配置下环境变量（去网上搜一下vue环境变量配置，这里不做解答） 3、项目安装依赖包：cnpm i 4、项目运行：npm run dev 5、项目打包: npm run build 根目录下会出
手把手教你搭建vue3项目
weixin_43618130的博客
03-02 4万+
使用VUE3开发很久了，但一直没进行总结和记录，忙里偷闲整理搭建一套VUE3项目，正好记录一下，按照我的教程让你开启vue3之旅吧！
2024年基于VUE3搭建项目步骤，2024年最新腾讯前端面试
最新发布
2401_84435686的博客
05-14 713
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。选择 Vue 3 preset：运行上述命令后，Vue CLI 会提示你选择一个 preset。确保选择 Vue 3 preset，以便创建一个基于 Vue 3 的项目。安装依赖：进入项目目录，运行以下命令来安装项目依赖：启动开发服务器：安装完成后，运行以下命令来启动开发服务器：访问项目。
教你三分钟搭建vue3项目
baekpcyyy的博客
11-27 1122
搭建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项目搭建全过程
qq_52013792的博客
07-23 1万+
vue3项目搭建一条龙
vue3项目搭建
weixin_43506403的博客
05-08 3759
npm 也是 Node.js 的默认的包管理器。一旦 node 安装，npm 也会被默认安装。yarn 是 facebook 等公司在 npm v3 时推出的一个新的开源的包管理器，它的出现是为了弥补 npm 当时安装速度慢、依赖包版本不一致等问题。如果之前安装了2.0的脚手架，要先卸载掉，输入：npm uninstall vue-cli -g 进行全局卸载。输入项目名crm_vue3,选择框架vue，选择typeScript回车就搭建好了。选择安装依赖项时要使用的包管理器：（使用键盘上下箭头键）
如何创建vue3项目
m0_69502730的博客
08-24 2万+
如何创建vue3项目
vue3.0搭建项目文档
10-31
总的来说，Vue CLI 3使得Vue3.0项目搭建变得简单快捷。通过这个工具，开发者可以快速地开始开发，专注于编写业务逻辑，而不是配置环境。熟悉这些步骤和Vue3.0的新特性，将有助于你更好地利用Vue.js构建高性能的应用...
Vue项目搭建 .xmind
06-28
Vue项目搭建 .xmind
vite搭建vue3项目
09-06
vite搭建vue3项目
Vue项目环境搭建详细总结
10-16
主要为大家介绍了Vue项目环境搭建总结篇，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue3工程化项目搭建
这魏先森-forguo
07-16 1945
Vue3工程化项目搭建，从工程化的角度带你来搭建一个vite+vue3+ts的前端项目
搭建最新vue3项目
rainmemory的博客
07-11 219
快速搭建最新Vue3项目，Vite脚手架，ElementPlus引入、自动导入插件、Pinia引入、IconPark引入。
Vue3：vue-cli项目创建及vue.config.js配置
米拉
01-08 1940
是JavaScript的超集（.ts文件），包含并扩展了 JavaScript 的语法。项目创建Vue 2.x、Vue 3.x 或自定义，默认版本vue3.x和vue2.x无需配置，自定义需配置。通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。自定义选择需要支持的特性 （ ↓ 不使用任何css或js扩展）vuex（vue的状态管理模式、store）CSS 预处理器（如：less、sass）代码风格检查和格式化（如：ESlint）vue-router（vue路由）
vue3前端开发系列(2) - 项目框架搭建篇(新手必看)
硅谷工具人
10-10 1422
如果两个文件(.env.development和.env.production)在src文件夹里面，那么可以通过在vite.config.ts文件中设置envDir的值为"./src",在**项目根目录(通常是src目录外面)**新建.env.development和.env.production两个文件。项目别名配置的时候需要用的 path 模块，而path模块是node.js的内置模块，node不支持TS。模式启动，所以读取到的是.env.development文件中的值。
一、vue3+ts项目框架搭建——规范
xiaoququ的博客
02-18 1389
eslint针对的是javascript，他是一个检测工具，包含js语法以及少部分格式问题，在eslint看来，语法对了就能保证代码正常运行，格式问题属于其次；会在根目录下生成个一个.husky目录，在这个目录下面会有一个pre-commit文件，这个文件里面的命令在我们执行commit的时候就会执行。对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用。当我们对代码进行commit操作的时候，就会执行命令，对代码进行格式化，然后再提交。
vue3项目搭建推荐
08-23
对于搭建Vue3项目，推荐使用Vue脚手架来快速构建项目。首先，进入你想要存放Vue3项目的目录，在命令行中运行以下命令： ``` vue create vue3-project ``` 其中，vue3-project可以替换为你想要取的项目名。这个命令会创建一个Vue3项目的基础结构和配置文件。 Vue脚手架是一个基于Vue.js进行快速开发的完整系统，可以实现快速搭建标准化项目的目的。它支持通用所有Vue版本，并且带来了很多新的特性，比如更好的性能、更小的包体积、更好的TypeScript集成和更优秀的API设计。 总结起来，推荐使用Vue脚手架来搭建Vue3项目，可以快速构建项目并享受到Vue3带来的新特性和优势。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue3项目搭建全过程](https://blog.csdn.net/qq_52013792/article/details/125950115)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue3项目搭建超详解](https://blog.csdn.net/HH112586/article/details/126009527)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值