vue脚手架4.0 兼容 2.0搭建

最新推荐文章于 2023-06-28 00:15:44 发布
最新推荐文章于 2023-06-28 00:15:44 发布
阅读量593 收藏
点赞数 1
分类专栏： vue脚手架4.0并兼容2.0 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiao1_wang2_/article/details/108309989
版权 
cmd  最好用管理员

第一步查看vue版本
vue -V

第二部 卸载版本
npm uninstall vue-cli -g

第三部安装最新版本
cnpm install -g @vue/cli

第四步按装兼容vue-cl2的版本
cnpm install -g @vue/cli-init

vue init 的运行效果将会跟 vue-cli@2.x 相同

Users\Desktop>vue create demo40
? Your connection to the default yarn registry seems to be slow.
Use https://registry.npm.taobao.org for faster installation? Yes

Vue CLI v4.4.6
? Please pick a preset: default (babel, eslint)
? Pick the package manager to use when installing dependencies: Yarn

Vue CLI v4.4.6
✨ Creating project in C:\Users\Desktop\demo40.
🗃 Initializing git repository…
⚙️ Installing CLI plugins. This might take a while…

yarn install v1.22.4
info No lockfile found.
[1/4] Resolving packages…
[2/4] Fetching packages…
info fsevents@2.1.3: The platform “win32” is incompatible with this module.
info “fsevents@2.1.3” is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.13: The platform “win32” is incompatible with this module.
info “fsevents@1.2.13” is an optional dependency and failed compatibility check. Excluding it from installation.
success Saved lockfile.
Done in 113.31s.
🚀 Invoking generators…
📦 Installing additional dependencies…

yarn install v1.22.4
[1/4] Resolving packages…
[2/4] Fetching packages…
info fsevents@2.1.3: The platform “win32” is incompatible with this module.
info “fsevents@2.1.3” is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.13: The platform “win32” is incompatible with this module.
info “fsevents@1.2.13” is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies…
[4/4] Building fresh packages…
success Saved lockfile.
Done in 29.22s.
⚓ Running completion hooks…

📄 Generating README.md…

🎉 Successfully created project demo40.
👉 Get started with the following commands:

$ cd demo40
$ yarn serve

C:\Users\Desktop
C:\Users\Desktop>cd demo40

C:\Users\Desktop\demo40>npm run serve

demo40@0.1.0 serve C:\Users\Desktop\demo40
vue-cli-service serve

INFO Starting development server…
98% after emitting CopyPlugin

DONE Compiled successfully in 5706ms 17:05:23

App running at:

  • Local: http://localhost:8080/
  • Network: http:本地主机地址

Note that the development build is not optimized.
To create a production build, run yarn build.

xiao1_wang2_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VUE脚手架大搭建，适用于vuecli2.0--4.0
会开车的野人的专栏
06-19 409
一、概念 1、npm: Nodejs下的包管理器。 2、webpack: 它主要的用途是通过CommonJS的语法，把所有浏览器端需要发布的静态资源，做相应的准备，比如资源的合并和打包。 3、vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装） 原文： 二、NPM安装 1、下载npm软件，URL:https://nodejs.org/en/ 2、本机软件存放路径：E...
vue-cli安装4.0以上的版本，但是项目需要2.0的版本，在卸载4.0重新安装2.0一直失败方法
Smile_666666的博客
08-01 191
vue-cli安装4.0以上的版本，但是项目需要2.0的版本，在卸载4.0重新安装2.0一直失败方法 我是用使用nvm来控制node版本，所以一直在参考网上一些作法，一直不成功，后面直接删除nvm，重新下载nvm,再安装node，即可成功。 ...
使用npm install -g @vue/cli 命令安装最新的脚手架与Vue版本不匹配的问题
最新发布
fengzige1993的博客
06-28 1267
创建项目时 ，选择默认不要选择 vue版本（默认创建的vue2）去掉 选择Vue版本。
安装Vue脚手架3或更高版本之后想继续使用Vue脚手架2创建项目
renaissance79的博客
09-23 1055
安装vue cli3或更高版本脚手架之后，如果你仍然需要使用旧版本脚手架2的 功能，你可以全局安装一个桥接工具： 命令行输入： npm install -g @vue/cli-init 这样也可以使用vue cli2的方式创建项目，并不会使更高版本的创建失效；它们可以兼容。 ...
vue-cli4.x创建vue2项目
sunddy_x的博客
07-21 1928
vue-cli4.x创建vue2项目创建项目选择配置选择是否使用history router选择css预处理器如何存放配置是否保存当前配置等待创建项目运行项目并访问 创建项目 vue create project-name 第一个是包含基本的 Babel + ESLint 设置的vue2项目 第二个是包含基本的 Babel + ESLint 设置的vue3项目 第三个为手动选择特性 默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，这里选择手动配置 选择配置 通过↑ ↓箭头选
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue2.0搭建脚手架vue-cli1
08-08
下面我们将详细介绍如何使用Vue2.0的vue-cli搭建Vue脚手架。 首先，搭建Vue脚手架需要具备一些基础的前端知识，包括HTML、CSS和JavaScript，这些都是构建Web应用的核心技术。另外，Node.js环境是必不可少的，因为...
vue脚手架搭建项目的兼容性配置详解
12-12
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...
基于webpack搭建vue2.0的脚手架项目
10-11
本篇文章将深入探讨如何基于Webpack搭建Vue 2.0的脚手架项目。 首先，让我们理解Vue 2.0的核心特性。Vue 2.0引入了虚拟DOM，提高了性能并降低了内存消耗。它支持单文件组件（Single File Components, SFCs），使得...
vuecli4.x(vue2)搭建项目架构
wk964269669的博客
08-07 193
这两年一直使用公司现成的项目架构，最近一次自己搭建还是两年前了，闲来无事再重头搭一把。 1. 使用cli创建项目 npm install -g @vue/cli npm create vue-demo 选择第三个 选中如下 让babel处理ES6的转换，TS处理TS类型注解等转换 sass在之前用的node-sass编译器，后来做了一个功能和性能更好的纯js的dart-sass，这里选dart-sass 2. 加入git仓库 这些其实在创建远程仓库之后都有提示了 3 项目目录结构
vue-cli4桥接vue-cli2
亚洲的博客
03-17 211
当你的vue脚手架是3或4版本的时候，你还想运行vue-cli2的项目，你该怎么办呢 第一步：安装vue最新版本 npm install -g @vue/cli 第二步：再安装 npm install -g @vue/cli-service-global 第三步：最后安装桥接 npm install -g @vue/cli-init 这下就可以启动项目了 启动命令： vue-cli3 / vue-cli4 启动命令相同：npm run serve vue-cli2 启动命令： npm run dev
vue搭建脚手架时报错
掘墓者的博客
04-04 4268
正常搭建脚手架是运用了npm去下载依赖包 如果手贱选择了yarn 搭建时会出现如下错误 Vue CLI v3.5.1 ✨ Creating project in C:\Users\enminrenguo\Desktop\男人\项目\mymsg.
VUE 使用 vue create 命令 创建 vue2.0 项目
热门推荐
不想成为可以改变世界的程序员，不是一个好程序员
06-07 2万+
VUE 使用 vue create 命令 创建 vue2.0 项目 为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题，我们使用 管理员身份 打开命令行 g:表示切换进入G盘 cd git表示打开 当前盘下的 git 文件夹 大家可以根据以上两个命令进入自己想要保存项目的目录下，我这里是保存在 G:\Git 文件夹.........
创建react项目提示error https://registry.yarnpkg.com/......
测试开发架构师
02-06 4652
D:\CidPlat\asdfasdfasfa>create-react-app demo7 Creating a new React app in D:\CidPlat\asdfasdfasfa\demo7. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template... yarn add v1.19.0 [
vue脚手架兼容IE
天空影
05-21 923
我是使用vue脚手架开发项目的，但是今天在别人电脑上发现打不开，然后就发现是使用了360浏览器，然后f12中报错：Promise未定义，我自己使用IE浏览器打开也发现报错：Vuex require babel-polyfill promise。然后由此发现应该是缺少ES6运行环境支持。 解决 1、下载 npm instal babel-polyfill --save-dev 2、引用 main....
vue脚手架搭建项目的兼容性配置
weixin_33913377的博客
11-23 214
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 复制代码安装成功之后,在main.js第一行引入 import 'babel-polyfill' 复制代码安装引入成功之后，如果项目还不能正...
yarn install 安装依赖错误解决（“fsevents@1.2.7” is an optional dependency and failed compatibility check）
lsl520hah的博客
08-18 9783
解决方法 yarn config set ignore-engines true
Vue项目的创建、打包
逍遥在南方的博客
01-19 915
一、安装@vue/cli npm install --global @vue/cli -verbose 查看Vue版本 D:\MyWorkSpace\vue_project>vue --version @vue/cli 4.5.10 D:\MyWorkSpace\vue_project>vue -V @vue/cli 4.5.10 二、创建Vue项目 D:\MyWorkSpace\vue_project>vue create vuedemo1 ? Your connection to
webpack4+加vue2+从零开始搭设vue项目
weixin_33795833的博客
06-12 446
@TOC 本地环境 node -v // v9.1.0 npm -v // 6.5.0 webpack -v // 4.32.2 webpack-cli -v // 3.3.2 复制代码这里需要注意的是webpack4+以后需要单独安装webpack-cli 起步 1.初始化项目 npm init 复制代码一直enter生成package.json文件（小技巧:npm init -...
vue2.0脚手架搭建项目
05-13
要搭建 Vue 2.0 项目，你需要先安装 Node.js 和 npm。然后，可以使用 Vue CLI 来快速创建 Vue 2.0 项目的脚手架。...现在，你已经成功搭建了一个 Vue 2.0 项目的脚手架，并可以开始你的开发工作了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值