vue-cli3.0快速创建项目

最新推荐文章于 2024-05-10 21:36:45 发布
最新推荐文章于 2024-05-10 21:36:45 发布
阅读量638 收藏
点赞数
分类专栏： 开发 学习 技术 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38810813/article/details/122668139
版权
开发 同时被 3 个专栏收录
48 篇文章 0 订阅
订阅专栏
技术
47 篇文章 0 订阅
订阅专栏
学习
42 篇文章 0 订阅
订阅专栏

因为平时公司的项目都是别人创建好了的 还没有真正自己上手做过 所以这次自己来尝试创建一下 从开始创建到路由配置 今天创建过程是参考的两位博主 地址我会分享出来 大家不懂的可以去看看

创建步骤的链接点击这里

另一位博主的创建链接点这里

参考两位博主的教程 我不相信你还不会！！！

不过我在创建的过程中，我前面创建的时候不是用的create的方法 所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹 所以就用create的方法去创建吧。希望大家不要走弯路了。

是二牙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3 项目创建
qq_48294048的博客
10-10 2万+
vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。
如何创建vue3项目
热门推荐
m0_69502730的博客
08-24 2万+
如何创建vue3项目
Vue3：项目创建
最新发布
weixin_51416826的博客
05-10 827
Vue 3 相对于 Vue 2 带来了许多改进和优点，这些改进主要是为了提高性能、开发体验和可维护性。但是对于创建项目，Vue3也可以采用跟Vue2相同的方式。
新建vue3.0 项目—步骤详细介绍
卢小亦的博客
10-09 3311
VUE创建
【Vue】3.0 项目创建 自定义配置
weixin_52418790的博客
04-21 8059
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创建项目、基础知识
halo1416的博客
04-02 2690
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 是
vue-cli3.0 脚手架搭建项目的过程详解
10-17
总的来说，Vue CLI 3.0 提供了一种高效且灵活的方式来快速启动 Vue.js 项目，减少了开发者手动配置的时间，使得项目初始化过程更加简洁。通过理解并熟练使用这些命令和选项，你可以更高效地管理和构建你的 Vue 项目...
10分钟上手vue-cli 3.0 入门介绍
08-27
在本篇文章中，我们将带您快速入门 Vue CLI 3.0，了解它的基本使用方法和配置技巧。 一、环境安装 首先，我们需要安装 Vue CLI 3.0。可以使用 npm 或者 yarn 进行安装。命令如下： ``` npm install -g @vue/cli `...
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法...
快速了解vue-cli 3.0 新特性
11-28
vue-cli 是 vue 官方团队推出的一款快速开发 vue 项目的构建工具，具有开箱即用并且提供简洁的自定义配置等功能。 vue-cli 从 2.0 到 3.0 的升级有太多的新东西可以说了，但是不可能在本文中列举所有的内容，这篇...
vue-cli3.0 特性解读
08-27
Vue CLI 3.0 提供了一个简洁的命令行界面，可以快速创建新项目。只需全局安装 `@vue/cli`，然后使用 `vue create` 命令创建新项目，例如 `vue create my-project`。项目启动和打包也非常简单，分别使用 `npm run ...
vue3.0 搭建项目总结(详细步骤)
12-09
1.环境配置 项目中的不同开发环境有很多依赖配置，所以可以根据环境设置不同的配置，以免在不同环境经常修改文件 1 在根目录下创建 `.env.[环境]` 文件，可以在不同环境设置一些配置变量，如图   .env.dev 文件 2.eslint 配置 在package.json 文件里面有一个eslintConfig对象，可设置rules： 如图 3.配置svg 在vue.config.js 里面需在module.exports对象里面设置 chainWebpack: config => { config.module.rules.delete('svg') // 重点:删除默认配置中
从零开始vue3.0项目创建
cuhebcj的博客
02-28 1151
从零开始创建一个Vue3.0项目
vue3.0 最全详细总结+案例
u013083465的专栏
05-30 8579
vue3.0 详细总结
「Vue3系列」Vue3起步/创建项目
日常笔记/总结/系列知识梳理
03-02 1078
你可以选择默认配置（Default）来快速创建一个项目，或者手动选择特性（Manually select features）来定制你的项目。Vue CLI 是一个强大的工具，它可以帮助你快速搭建 Vue.js 项目，并且内置了对 Vue Router、Vuex、CSS 预处理器、PWA 支持、单元测试等的集成。命令是 Vue CLI 中的一个重要命令，用于创建新的 Vue.js 项目。这将创建一个优化过的、用于生产环境的版本在你的项目目录下的。这个命令将直接为你创建一个使用 Vue 3 的项目。
【Vue3教程】创建你的第一个Vue 3项目
2401_84138890的博客
04-12 683
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化一个人可以走的很快，但一群人才能走的更远。
vue3项目的创建（vue-create创建）
张羽的博客
06-26 1041
vue2的脚手架是vue-cli，vue3的脚手架是creat-vue前提条件：node.js为16.0以上(查看node 版本 node -V）
Vue3.0 - 创建一个Vue3.0项目
技术共享，共同进步！
07-14 765
如果创建一个Vue3.0项目一.使用 vue-cli 创建 vue3.0 项目二. 使用 vite 创建 vue3.0 项目 一.使用 vue-cli 创建 vue3.0 项目 需保证脚手架版本高于4.5.0，4.5.0版本以上才支持使用vue-cli创建Vue3.0项目。 Vue-cli : https://cli.vuejs.org/zh/guide/installation.html 查看脚手架版本 vue --version 安装vue-cli最新版本 npm install -g @v
vue-cli3创建Vue项目
程序员柒的博客
02-09 2926
本文讲解了如何使用vue-cli3创建属于自己的Vue项目，如果本文对你有所帮助请三连支持博主，你的支持是我更新的动力。下面案例可供参考。
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
06-06
您可以尝试以下步骤来卸载vuecli3或vue-cli： 1. 打开命令行工具，并使用管理员权限运行它。 2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值