vue3脚手架搭建

于 2024-09-02 09:44:43 发布
阅读量431 收藏 5
点赞数 3
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62980497/article/details/141810035
版权

一.安装 vue3.0 脚手架
如果之前安装了2.0的脚手架，要先卸载掉，输入：

npm uninstall vue-cli -g

进行全局卸载

1.安装node.js（npm）
node.js：简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。与平时写的js语法基本一样，多了操作计算机资源的语法。这里我们需要使用到npm工具所以需要node.js。

在官网下载（安装非常简单（无限下一步即可）），安装时node.js时会自动帮我们安装npm工具

创建vue3项目

 

4.2模板选择，通过键盘上下键来选择，我们选择第三个 自定义
这三个选择分别是 vue2 / vue3默认模板 / Manually select features 手动选择（自定义）的意思 

 

 

在这里插入图片描述

常用npm和yarn命名

她说她一如既往的爱我
关注
1.Vue3脚手架搭建项目
qq_41891186的博客
04-24 155
vue3CLI脚手架创建项目
Vue3脚手架搭建项目
weixin_43989787的博客
08-22 496
一、环境配置 1. 安装 node.js 参考：https://nodejs.org/en/ 建议下载LTS（版本号较低的）的版本，下载完成后直接下一步完成安装。 完成安装后， win + R => 输入 cmd 进入黑窗口 => 输入node -v 和 npm -v 查看安装node版本号，报错就再安装一次。 1.1 安装淘宝镜像 参考：http://npm.taobao.org/...
Vue3 脚手架搭建项目详细过程
热门推荐
zyf971020的博客
10-12 1万+
Vue3 脚手架搭建项目详细过程及代码规范配置
使用 Vue 官方脚手架初始化 Vue3 项目
最新发布
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
08-20 2221
使用 Vue 官方脚手架初始化 Vue3 项目： 1. 安装 Node 环境 2. 切换 NPM 镜像源 3. 安装 Pnpm 包管理工具 4. 使用 Vue 官方脚手架初始化项目 5. 认识 Vue 项目目录结构 6. 统一包管理器工具下载依赖 7. 项目环境变量配置 8. 安装 Element Plus 9. 集成 sass 配置全局变量 10. 清除浏览器默认样式 11. 安装 Tailwind CSS 12. 封装 SvgIcon 组件 13. 安装 Piana 持久化插件
用vuecli3搭建的vue项目脚手架
08-09
用vue-cli3搭建的vue项目脚手架
Vue 3 脚手架搭建
Dily_Su的博客
05-18 2724
手把手带你创建属于自己的 vue3 脚手架 技术栈：vite、vue3、typescript、pinia、axios、eslint、prettier、element-plus、unplugin-auto-import、unplugin-vue-components、unplugin-icons
VUE3脚手架工具cli配置搭建及创建VUE工程
雾林小妖的博客
06-17 2861
VUE3脚手架工具cli配置搭建及创建VUE工程
vue3脚手架安装
淡淡的芦苇的博客
07-08 5295
一.准备 1.官网链接 安装node 检查node 版本node -v 2.全局安装vue-cli3.0脚手架 卸载：如果已经全局安装了旧版本的vue-cli(1.x 或 2.x)，需要先卸载：npm uninstall vue-cli -g 安装：npm install -g @vue/cli 查看vue版本：vue -V 3.创建vue3项目 二.创建vue3项目 1.创建 项目名称 编写 vue create proname 注意：项目名称不支持大写字母 2.输入命令选择选项（
Vue2/3 脚手架搭建
Zhujiangtao0112的博客
09-30 611
vue脚手架搭建
Vue3的安装脚手架
Paolooo的博客
07-15 642
vue3
Vue3脚手架搭建（一）
sodakii的博客
09-26 441
1、安装vue。
Vue3脚手架搭建（三）
sodakii的博客
09-26 685
使用ES6风格编码源码,定义变量使用let,定义常量使用const,使用export,import模块化。Props定义：提供默认值，使用type属性校验类型，使用props之前先检查prop是否存在。无特殊情况不允许使用原生API操作dom,谨慎使用this.$refs直接操作dom。指令缩写：都用指令缩写 (用 : 表示 v-bind: 和用 @ 表示 v-on:)。函数中统一使用_this=this来解决全局指向问题。使用计算 规避v-if和v-for用在一起。为v-for设置Key值。
vue-cli3脚手架搭建
qq_51836189的博客
11-18 592
vue-cli3脚手架搭建（npm方法） 1，环境准备 首先我们上node.js官网(https://nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装 执行npm -v和node -v命令查看版本 安装淘宝npm npm install -g cnpm --registry=https://registry.npm.taobao.org vue-cli 安装依赖包 cnpm install -g @vue/cli 打开vue的可视化管理工具界面 2，创建新项目 vue ui 上面我们
Vue3脚手架安装vue @/cli
影子
08-21 402
@vue/cli是一个Vue脚手架，用来快速构建模块化项目结构 系统环境： -node环境：node -v -npm环境：npm -v -nrm环境: nrm ls 安装node.js 网址：https://nodejs.org/zh-cn/download/ 这里选择windows64位.msi格式安装包 .msi和.zip格式区别： .msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows ins.
vue3.0教程——搭建Vue脚手架【简化版】
weixin_51331210的博客
10-02 6639
🍣 🍥 🍙哈喽，大家好丫，你们的小郭子又来啦 ~ 今天来聊一聊Vue3的项目搭建问题。
创建vue3项目脚手架
gp_911014的博客
02-21 1715
Vite 是由 Vue 作者尤雨溪先生带领团队开发的一个构建工具，它利用浏览器原生支持 ES 模块的特点，极大提升了开发体验，自 2021 年 1 月份发布 2.0 版本以来，发展非常快，笔者也在第一时间参与贡献了一些文档和插件，并且在 2021 年期间，个人项目已经全面切换到 Vite ，公司业务也在 2021 年底开始使用 Vite 创建新项目，整体情况非常稳定，前景非常乐观。Lint 规则，用来代码检查，写 TypeScript 离不开 Lint ，可以根据自己喜好选择，也可以先选择默认，后面在。
搭建vue3脚手架
weishachucuo的博客
09-25 258
搭建vue3脚手架 搭建之前，因为我是安装了vuecli2，所以要先卸载 卸载vuecli2命令：npm uninstall vue-cli -g 安装vue3cli命令： npm install -g @vue/cli 注：若要使用 Vue CLI 3，需将 Node 版本升级至 8.9 及以上。 cli3创建项目 vue create my-project 我安装的时候提醒了一句 用npm创建比较慢，是否要用淘宝镜像，我在这里选择了n 运行：npm run serve 如何在不卸载vue3的
vue 3.0脚手架搭建（详解）
小崔_的博客
11-28 1768
一、下载升级 npm i @vue/cli@3.6.3 -g //这里可以使用cnpm 下载的快点 //下载好后可以使用 vue -V 查看版本 这是3.6.3版本的，很多人看官网下载的都是最新版本的 npm run serve——启动项目指令 二、下载好后，搭建项目 这是第一种方法 vue create 项目名 这里选择默认配置还是，自定义配置 选择默认配置后，它会自行安装： 自定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值