vue3创建项目

最新推荐文章于 2024-05-16 05:49:56 发布
最新推荐文章于 2024-05-16 05:49:56 发布
阅读量240 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hope_lucky/article/details/124282074
版权
本文介绍了如何在电脑上创建Vue3项目。首先确保安装了node、cnpm和vue-cli，然后通过`cnpm i @vue/cli -g`安装脚手架。使用`vue create vue3app`创建项目，自定义配置选项，包括是否启用history模式和选择CSS预处理器。如果遇到问题，可以选择不使用nood-sass。项目创建完成后，进入项目并启动，最后按需添加所需的技术栈，开始项目开发。
摘要由CSDN通过智能技术生成

准备工作：
电脑上装的有node cnpm vue-cli
脚手架安装步骤：cnpm i @vue/cli -g

（以上如果已经有了就打开终端按照下面的步骤进行）

创建vue3 项目   创建命令 vue create vue3app   红色部分是项目名字 ，可以根据自己的需求去修改名字


Manually select features  手动选择项目配置

根据自己的需求去选择自己需要的配置项

配置之后回车  这个意思就是我们要不要配置history模式     我的选择是n

最低0.47元/天 解锁文章
黄金钢铁侠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue create创建项目手动配置步骤
weixin_45032067的博客
08-16 3001
vue create创建项目
vue3项目的创建
weixin_53099365的博客
12-14 2757
使用vue3项目的创建
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
2401_84094506的博客
05-16 602
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
VUE3.0项目创建手动配置
qq_44645884的博客
06-28 487
VUE3.0项目创建手动配置 查看脚手架版本 vue -V 要求在4.5以上，可以创建VUE3项目 cnpm install -g @vue/cli 卸载当前脚手架 npm uninstall -g @vue/cli 安装指定版本 npm install -g @vue/cli@版本号 创建vue3项目 vue create 项目名称 下载下来其他的人的项目 npm install 查看启动项目命令 和 vue版本 package.json ...
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配置
【03Vue3 创建项目教程】Vue3 创建项目及开发指南
燃正科技
06-08 5422
例如，你可以选择默认配置，其中包含了常用的插件和工具，也可以选择手动配置，根据自己的需求进行设置。你还可以使用预设模板，这些模板可以帮助你快速搭建特定类型的项目，如移动端应用或者使用 TypeScript 的项目。首先，确保你的计算机上已安装最新版本的 Node.js。通过按照以上步骤，你已经学会了如何创建一个 Vue3 项目，并在本地开发服务器上进行预览。现在你已经成功创建了一个 Vue3 项目，并运行在本地开发服务器上。这将启动 Vue CLI 的项目创建向导，你可以根据提示进行选择。
Vue3创建项目1
08-08
Vue3 创建项目主要涉及到以下几个知识点： 1. **Vue CLI**：`vue create` 是 Vue CLI (Vue.js Command Line Interface) 的命令，用于快速初始化一个新的 Vue 项目。在本例中，用户通过 `vue create yyf-web` 命令...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
使用vue3.0 创建项目
12-16
vue3创建项目
pnpm+vite+ts+vue3创建项目
06-16
pnpm+vite+ts+vue3创建项目
Vue3 Project 项目(01) 源码
04-02
1. `main.js`：应用的入口文件，Vue3 项目通常在这里创建根 Vue 实例，并挂载到 DOM 元素上。这里也会引入其他全局组件、插件和配置。 2. `App.vue`：根组件，整个应用的起点。可以定义应用的结构和样式，以及任何...
vue3创建项目、基础知识
halo1416的博客
04-02 2701
Vue3的基础概念 一、创建vue3的项目（基于脚手架） // 前提：将vue-cli 升级到4.x 的版本 vue create my-app-ts // 使用ts npm install typescript ts-node -g 生成时操作如下: 二、vue3.0 部分写法改变 后面补充 createStore => useStore createRouter => useRouter vue所有api 的入口：setup vue3里面没有mapState 原因：mapState 是
vue3项目的创建（vue-create创建）
张羽的博客
06-26 1042
vue2的脚手架是vue-cli，vue3的脚手架是creat-vue前提条件：node.js为16.0以上(查看node 版本 node -V）
初识vue3一
qq_50563868的博客
05-08 1462
//main.js入口文件 import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) console.log(app); app.mount('#app') // setTimeout(() => { // app.unmount('#app') // }, 1000); <!-- App.vue --> <template> <div&g
vue3项目创建步骤，以及项目运行失败的原因和解决方法
杜永康的博客
05-28 8320
如果你需要使用 Vue 3 的新特性，可以选择第二个选项，如果你需要使用 Vue 2，可以选择第三个选项，如果你需要自定义项目特性，则可以选择第一个选项。手动选择需要的特性，可以根据需要选择所需的特性和插件，包括 Babel、TypeScript、CSS 预处理器、Linter/Formatter、Unit Testing 等。⭐我们创建的hello项目是放在这个文件夹中的，这个文件夹是中文名字，所以报错了。建议在E盘创建项目，这里只是演示。需要注意的是，这里的的项目名字，用英文，或者拼音，不能用汉字。
【Vue】3.0 项目创建 自定义配置
weixin_52418790的博客
04-21 8109
1、进入项目路径 2、创建vue3项目 vue create +项目名称 注意：项目名称要避开特殊名字如echarts、vue等 3、项目配置 等待后弹出选项窗口，询问用户以什么模板方式进行安装 Default ([Vue 3] babel, eslint)：默认预设配置，会快速创建一个Vue2.0项目，提供了babel和eslint支持 Default ([Vue 2] babel, eslint)：默认预设配置，会快速创建一个Vue3.0项目，提供了babel和eslint支持 Manu
「Vue3系列」Vue3起步/创建项目
日常笔记/总结/系列知识梳理
03-02 1090
你可以选择默认配置（Default）来快速创建一个项目，或者手动选择特性（Manually select features）来定制你的项目。Vue CLI 是一个强大的工具，它可以帮助你快速搭建 Vue.js 项目，并且内置了对 Vue Router、Vuex、CSS 预处理器、PWA 支持、单元测试等的集成。命令是 Vue CLI 中的一个重要命令，用于创建新的 Vue.js 项目。这将创建一个优化过的、用于生产环境的版本在你的项目目录下的。这个命令将直接为你创建一个使用 Vue 3 的项目。
vue3 源码解析（4）— createApp 源码的实现
old brother stable
01-12 1381
我们通过阅读源码了解到，createApp 函数是 vue3 的入口函数，通过 createApp 函数我们可以创建一个应用。createApp 的实现是借助了 createRenderer 函数，createRenderer 的实现内部包装了createAppAPI。createApp 函数接收一个组件，然后返回一个应用，这个应用中有一个 mount 方法，这个 mount 方法就是用来将应用挂载到容器中的。
初始化创建安装 vue3工程项目的3种方法！超详细
南北极之间
06-12 8208
​ vue向导官方文档： Quick Start | Vue.js Vue.js - The Progressive JavaScript Framework https://vuejs.org/guide/quick-start.html#with-build-tools vue3官方文档： 安装 | Vue.js Vue.js - The 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/guide/installation.html#发布版本说明 介绍 | Vue.
vue3 创建项目
最新发布
06-21
Vue 3 是 Vue.js 框架的最新版本，提供了更高效、更灵活的开发体验。创建一个 Vue 3 项目通常分为以下几个步骤： 1. **选择脚手架工具**： Vue CLI (Vue Create) 是官方推荐的脚手架工具，用于快速生成和配置 Vue 项目。你可以全局安装它： ``` npm install -g @vue/cli ``` 2. **创建项目**： 在命令行中，导航到你想要创建项目的文件夹，然后运行以下命令： ```sh vue create project-name ``` 其中 "project-name" 是你给项目的名称。 3. **选择选项**： 运行上述命令后，你会看到一系列选项供你选择，比如框架类型（默认 Vue 3）、是否包含 TypeScript 支持、路由、CSS预处理器等。根据你的需求进行选择。 4. **进入项目目录**： 创建完成后，进入新项目目录： ```sh cd project-name ``` 5. **启动项目**： 初始化完成后，可以通过 `npm run serve` 或 `yarn serve` 命令启动开发服务器，然后在浏览器中访问 `http://localhost:8080` 来查看项目。 6. **开发与构建**： 现在你可以开始编写代码，使用 Vue 的组件系统、指令等进行开发。当你完成开发后，可以使用 `npm run build` 或 `yarn build` 构建生产环境的代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值