vue 安装3.0及以上最新版本的脚手架 命令

最新推荐文章于 2025-06-13 19:55:10 发布
原创 最新推荐文章于 2025-06-13 19:55:10 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #npm

本文详细介绍了如何安装Node.js、npm以及国内镜像cnpm，并且讲解了如何通过cnpm安装Vue CLI不同版本。接着，阐述了Vue CLI的创建、配置、启动和打包项目的步骤。此外，还提及了VSCode中相关的插件Veter，帮助开发者更高效地进行前端开发工作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 安装node.js
    node -v

  2. 安装npm:
    npm -v
    cnpm -v

npm - install -g cnpm --registry=https://resgistry.npm.taobao.org

  1. 安装脚手架：
    cnpm i -g @vue/cli //安装3.0及以上最新版本的脚手架
    cnpm i -g //安装3.0以下最新版本的脚手架

cnpm i vue-cli -g //vue/cli 3.0 - //安装脚手架3.0及以下版本
cnpm i -g @vue/cli //vue/cli 4.0+ //安装脚手架

cnpm unistall -g @vue/cli //卸载脚手架

4.生成项目：
vuecli3.0以上： vue create projectname
vuecli3.0以下： vue init webpack projectname

5.配置项目：

vue -v

config: item
babel
router
css-pre-processors

sass/scss(with dart-sass)
in package.json

6.启动项目：
vuecli3.0以上： npm run server
vuecli3.0以下： npm run dev

7.打包：npm run build
vscode 插件：Veter

vue3.0脚手架、路由、Element Plus安装案例：收录于Vue 3.0 后台管理系统案例
前端基地
08-14 676
本博文聚焦于后台管理系统的经典案例，所涉内容皆为作者的经验之谈，倾心分享。在第一章中，着重阐述了环境配置相关事宜，涵盖了 Vue 3.0 脚手架（Vite）的安装、node 版本的查询与切换、创建一个 Vue 应用，以及 Vue Router 的安装，具体包括安装 vue-router@4、配置路由、完成安装配置以及展示路由，此外还涉及了 Element UI 的安装，包含安装 element-plus 和引入 element-plus 等内容。旨在助力读者迅速融入项目之中，开启开发之旅。
vue3.0脚手架安装
qq_39924086的博客
04-17 1812
vue3.0脚手架+ vuex + vue-router + typescript + iview + axios基本开发（1） 1.安装 1.1安装vue3.0脚手架 查看当前vue-cli版本 打开cmd输入vue --version,如果是2.0+要先卸载掉,输入npm uninstall vue-cli -g进行全局卸载 然后重新安装npm install @vue/cli -g(vue更...
安装VUE2.0命令工具及搭建VUE脚手架
qq_35537652的博客
08-15 1097
1.全局安装 cnpm install -g vue-cli 2.检测VUE是否安装成功 输入vue -V 3、创建项目 vue init webpack my-first-vue-project 4、安装项目依赖包 cnpm install (安装在项目node_modules中) 5、运行项目 cnpm run dev...
Vue3.0脚手架安装项目（通过命令行）
dawei.tu的博客
07-13 2087
Vue3.0通过命令行来创建Vue脚手架项目 1. 先安装node.js https://nodejs.org/en/download/。自行安装 查看node.jsb版本 node --version 2.全局安装脚手架 npm install -g @vue/cli 静静的等待下载完成 3.查看vue版本 vue -V（注意，以下是3.0创建脚手架项目的命令，2.x老版本的自行百度） 4.创建脚手架项目 vue create +项目名称 下面步骤就是对于脚手架项目的自定义设置 选择版本vue
vue常用框架，及更新内容
最新发布
在全栈和前端徘徊的程序员
06-13 1754
Vue 生态系统中有许多常用的框架和工具，它们帮助开发者构建现代 Web 应用。以下是 Vue 常见的，以及截至 2025 年 6 月的。
安装vue3.0脚手架
菜鸡的博客
08-03 7939
1、安装vue-cli 3.0 先卸载旧版本 npm uninstall vue-cli -g 安装3.0脚手架 npm install -g @vue/cli # or yarn global add @vue/cli 安装成功查看版本 vue-V 如果出现安装失败或者提示errno 4048，是权限问题，使用管理员身份执行，记得重复2，3两步（多试几遍就好了） vue3.0脚手架搭建 1、安装vue-cli 3.0 先卸载旧版本 npm uninstall vue-cli -g 安装3.0脚手架
安装Node.js Vue3.0脚手架
LiuDaBaoMSM的博客
10-10 386
Vue环境搭建（一）安装Node.js Vue3.0脚手架1、安装node2、管理node版本（非必装）3、全局安装vue-cli3.0脚手架4、安装淘宝镜像cnpm(非必装，网络慢的情况可安装) 安装Node.js Vue3.0脚手架 1、安装node node下载地址 https://nodejs.org/en/download/ 查看版本号 node -v、你怕吗-v出现版本号即安装成功。（如未出现，请重启电脑再试）node8.9或以上版本 2、管理node版本（非必装） 执行命令安装：npm ins
vue 3.0以上版本脚手架安装（含以下版本脚手架安装）
qq_44835285的博客
09-14 3931
一.node安装： 1.需要安装vue脚手架得先安装node下面是我上传的文件地址有两个版本当然也会备上官网地址： 2. 下载完成后安装node，完成后运行cmd命令win+r ：cmd 下面附上一系列的安装步骤： 1）： 首先呢我们需要先安装配置一下cnpm。为什么要配置呢？就是要快准狠！（其实就是外国网太慢我们需要用到镜像这样下载安装也会很快的） npm install -g cnpm --registry=http://registry.npm.taobao.org 等待安装完成查询版本： cnpm
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
Vue3.0及以上版本创建项目步骤
01-20
Vue3.0及以上版本的项目创建过程涉及到一系列的步骤，主要涵盖了环境准备、工具安装以及项目初始化。以下是详细的步骤解析： 1. **检查Node.js版本**：Vue CLI 3.0及以上版本要求Node.js版本至少为8.9，推荐使用...
vue-cli V3.0版本的使用详解
10-17
Vue-cli V3.0版本是Vue.js的官方开发脚手架工具，它提供了一种快速启动和构建Vue.js项目的方法。通过本文，我们来详细介绍如何使用Vue-cli V3.0版本创建和配置Vue项目。 1. Vue-cli V3.0版本概述 Vue-cli V3.0是Vue...
vue的脚手架安装
03-03
关于如何node安装，并检查是否成功，再安装vue脚手架，再搭建vuedemo
安装Vue最新版本
悦涵仙子的技术笔记本
07-02 1326
学习vue第一步肯定是安装vue-cli，那么肯定想去搜下如何安装vue-cli呢？ 网上搜到的结果大都是： npm i vue-cli -g 输入vue -v发现： 为何vue版本还不是最新的3.x版本 原因是你刚开始安装时就输入了安装2.x版本的指令，新版本的指令是 @vue/cli 而非 vue-cli 正解：安装最新版的： 卸载2.x版本的vue-cli ： npm uninstall -g vue-cli 或 yarn global remove vue-cli 安装3.x版本的@vue/cl
安装最新版vue
weixin_44963437的博客
07-03 643
卸载2.x版本的vue-cli ： npm uninstall -g vue-cli 或 yarn global remove vue-cli 安装3.x版本的@vue/cli ： npm install -g @vue/cli 或 yarn global add @vue/cli 再次输入 vue -V 检验： cmd 输入 vue ui 进入可视化创建vue 项目
VUE3.0 一.安装node.js、vue3.0脚手架
Harry的博客
02-09 9309
VUE3.0 一.安装node.js、vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本，出现版本号即安装成功。 npm -v # 6.13.4 node -v # cv10.16.0 2.全局安装vue-cli3.0脚手架 1.全局安装 如果之前安装过 卸载之前的 没有安装过 直接执行下一步 npm uninstall -g vue-cli...
Vue3.0教程 （一）vue脚手架安装和搭建
燃燃的大尾巴
07-26 847
vue3脚手架搭建
【vue】安装新版本vue-cli：@vue/cli
sayyy的专栏
04-03 4075
前言 nodjs v14.16.1 (在Windows系统安装Nodejs、在Linux系统安装Nodejs) vue-cli 版本 vue-cli 已分为2个版本： @vue/cli，这是新版本(本文安装这版)，文档：https://cli.vuejs.org/。 vue-cli，这是旧版本，文档：https://github.com/vuejs/vue-cli/tree/v2#vue-cli–. 资源 官方地址：https://cli.vuejs.org/ 官方中文地址：https://cli
VUE脚手架 安装
weixin_40858306的博客
05-15 2461
vue 安装（vue-cli3以下）： -首先先查看电脑上有没有安装node和npm npm -v node -v 没有安装的去官网安装 然后开始安装vue 起初我直接按照官网的安装方法直接进行安装，但是总是安装不成功，出现vue不是内部命令的情况， 然后网站大部分教程是没有详细的讲解的，所以，百度了问题之后发现是没有配置环境变量，在解决问题后，详细的说下安装过程。 具体过程: 1.在wi...
vue3脚手架搭建
贝西奇谈
10-18 5657
Vue3CLI（脚手架）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值