vue3 使用cue-cli3搭建vue3项目

最新推荐文章于 2024-08-12 22:07:17 发布
最新推荐文章于 2024-08-12 22:07:17 发布
阅读量333 收藏 1
点赞数 1
分类专栏： vue2 文章标签： javascript typescript vue.js 前端框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47915690/article/details/121688486
版权
本文详细介绍了如何使用vue-cli3搭建vue3项目，包括检查node和vue-cli版本，卸载低版本，安装，手动选择项目特性，如选择Vue 3.x版本，配置路由模式，编译器，代码检查，热更新等，最后通过npm run serve运行项目。
摘要由CSDN通过智能技术生成

vue3 使用cue-cli3搭建vue3项目

  1. 检查node版本 vue-cli的版本
    node -v 检查node版本 vue -V这里的v是大写检查vue-cli的版本 网络慢可以安装淘宝镜像
    vue-cli如果版本过低建议先卸载再安装
    卸载npm uninstall vue-cli -g
    安装npm install -g @vue/cli
  2. 创建vue3项目
    命令 vue create 项目名称
    如果想在某个文件夹下创建项目
    1、可以直接将文件夹在开发软件里打开然后进行创建
    在这里插入图片描述
    2、直接找到该文件夹在该文件夹地址栏输入cmd回车弹出cmd窗口再输入命令
    3.在这里插入图片描述
    这里我们选择 Manually select features 意思是手动选择一些特性不使用默认创建的 按回车进入下一步

在这里插入图片描述
这里用空格进行选择 上下进行调整

( )
最低0.47元/天 解锁文章
lick_dog_
关注
专栏目录
vue3创建项目
hope_lucky的博客
04-19 271
准备工作： 电脑上装的有node cnpm vue-cli 脚手架安装步骤：cnpm i @vue/cli -g （以上如果已经有了就打开终端按照下面的步骤进行） 创建vue3 项目 创建命令 vue create vue3app 红色部分是项目名字 ，可以根据自己的需求去修改名字 Manually select features 手动选择项目配置 根据自己的需求去选择自己需要的配置项 配置之后回车 这个意思就是我们要不要配置history模式 我的选择是n 选择...
vue-cli脚手架搭建时基础设置说明
m0_46694056的博客
10-05 412
基础选项 Check the features needed for your project: (✳) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 ( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序 (✳) Rout
在vue3中配置scss
最新发布
iku_n的博客
08-12 906
要在 Vue 3 中使用 SCSS（Sass 的一个子集），你需要安装相应的依赖，并对项目进行一些配置。
vue3项目的创建
weixin_53099365的博客
12-14 2808
使用vue3项目的创建
vue3创建项目相关命令。
weixin_45345234的博客
08-03 364
3、cd vue-project以后npm init，再执行npm i --> npm run dev.1、安装最新版本的 Vue。
Vue-cli创建Vue3项目
爱吃香菜君的博客
06-04 678
那么，在开始 Vue.js 3.0 的开发之前，我们需要先创建一个 Vue.js 3.0 项目。在后续的开发中，我们可以按照 Vue.js 的开发文档进行开发，并且使用 vue-cli 提供的命令行工具来进行构建和打包。vue-cli 是一个由 Vue.js 官方提供的命令行工具，可以帮助我们快速创建 Vue.js 项目。在选择中，我们选择了默认的配置，并且选择了 Vue.js 3.0 版本作为我们的项目模板。安装完成 vue-cli 后，我们就可以使用它来创建 Vue.js 3.0 项目了。
使用Vue Cli 创建并运行Vue项目
m0_55922467的博客
08-30 2090
使用vue-cli 创建并运行vue项目的过程
app-vue-book:带有cue-cli及其dist文件夹的简单应用程序，用于生产
05-10
Appbook 这是一个向用户提供有关openlibra api书籍的所有信息的应用程序 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with ...
vue-cli4打包
weixin_58102387的博客
01-13 660
文章目录项目开始时webpack配置一.配置 proxy 跨域二.配置alias别名项目结束后打包前webpack配置一.去除生产环境sourceMap二.去除console.log打印及注释三.使用CDN加速优化四.图片压缩五.只打包改变的文件六.公共代码抽离七.配置 打包分析八.骨架屏完整配置 项目开始时webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件。 一.配置 proxy 跨域 使用vue-cli发开项目，在本地开发环境
vue-cil4 打包优化(详细到脚指)
icon_Lx的博客
10-07 600
首先项目开始时webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目的目录根路径下创建vue.config.js文件。 1、配置 proxy 跨域 使用vue-cli开发项目，本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域的问题： 配置完成后，当我们在去请求https://www.test.com/v1/api/userinfo接口时，就可以这么写： 2、配置alias别名 使用vue-cli开发项目，最大特色...
Vue3 创建项目
qq_44146522的博客
05-17 181
1.第一步 vue create 命令创建项目语法格式如下： vue create vue3app 执行以上命令会出现安装选项界面： 一直按下回车键后就会进入安装，等候片刻即可完成安装。 2.安装完成后，我们进入项目目录： cd vue3app 3.启动应用 yarn serve 或者 npm run serve 目录结构 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 ..
vue-create 创建 VUE3项目-创建
dayouan的博客
03-30 4691
创建vue3项目流程快捷创建和自定义创建
使用Vue3创建项目
K的博客
10-29 835
快速创建属于你的第一个Vue3项目
使用vue3创建项目
shichong123的博客
11-04 4572
随着尤大大的不懈努力，vue3逐渐开始被使用，使用vue3创建项目的步骤如下： 1.要保证电脑里@vue/cli的版本在4.5.0以上，使用以下命令查看： vue -V 或者 vue -version 如果版本小于4.5.0则执行以下命令，否则执行2 npm install -g @vue/cli 2.创建项目的命令如下： vue create projectname 3.创建完成之后，会出现如下界面： 按照指示，输入命令即可运行项目。 出现如下界面，那么恭喜你，已经迈出了使用vue3
创建Vue3项目
qq_44849271的博客
04-30 468
通过脚手架创建Vue项目 本文描述的是通过脚手架创建Vue项目 必须要有Node.js
创建一个vue3项目
热门推荐
dreams_dream的博客
07-27 1万+
创建一个vue3项目
vue创建项目
simple5960的博客
10-25 96
1.vue create projectname 注意，项目名称不能包含大写字母 2.选择配置 按空格键选中需要的配置 3.路由使用history模式 4.选择packge.json 5.下次是否要用这个配置，默认否
解决vue-cli@3安装问题与ts-vue项目搭建教程
"本文主要讲述了如何解决在安装vue-cli@3.xx时遇到的问题以及如何使用该版本的vue-cli搭建一个TypeScript驱动的Vue项目。在解决问题的过程中，提到了检查和更新Node.js版本、使用nvm(node版本管理器)以及通过vueui...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值