Vue3降为Vue2

1.vue -V 查看本机vue版本

2.npm uninstall -g @vue/cli 卸载vue脚手架

3.npm install -g vue-cli 安装vue2脚手架

npm install -g @vue/cli 安装vue3脚手架

# 创建一个基于webpack 模板的新项目
vue init webpack new-project

输入上面命令后，会询问几个选项，根据自己需要填写就可以了。

Project name :项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。
Project description:项目描述，直接回车
Author ：作者
vue build 构建方式（暂且这么解释）
两个选择（上下箭头选择，回车即为选定）
1.Runtime + Compiler:recommended for most users
(译：运行+编译：被推荐给大多数用户)
2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
allowed in .vue files-render functions are required elsewhere
(译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求)
这里推荐使用1选项，适合大多数用户的
install vue-router？是否安装vue的路由插件，需要就选y，否则就n（以下均遵循此方法）
Use ESLint to lint your code?是否使用ESLint检测你的代码？
（ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。）
Pick an ESLint preset:选择分支风格
选项有三个
1.standard(https://github.com/feross/standard) js的标准风格
2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github地址说是JavaScript最合理的方法
3.none (configure it yourself) 自己配置
Setup unit tests? 是否安装单元测试（暂不详细介绍）
Pick a test runner 选择一个单元测试运行器
选项有三个
1.Jest（Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架）
2.Karma and Mocha
3.none
Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景”。）
Should we run 'npm install' for you after the project has been created?(译：项目创建后是否要为你运行“npm install”?这里选择包管理工具)
选项有三个
yes,use npm(使用npm)
yes,use yarn(使用yarn)
no,I will handle that myself(自己操作)
一路回车到此等待安装完毕，会提示接下来的命令行

# 安装依赖
cd new-project
npm install
#启动项目
npm run dev

但是这个只能在本地跑，要如何在我们自己的服务器上访问呢？此时需要执行： ·

npm run build

会生成静态文件，在根目录的dist里，里面有个index.html，这是服务器访问的路径指定到这里就可以访问我们自己的项目了

用Vue创建一个新的项目 - 笨鱼你个酸菜猫 - 博客园 (cnblogs.com)

ps：node -v 查看node.js版本

webpack -v 查看webpack版本

Vue3降为Vue2相关推荐

论vue3.0和vue2.0区别之编程方式及例子详解
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
vue3，对比 vue2 有什么优点？
摘要:Vue3新版本的理念成型于 2018 年末,当时的 Vue 2 已经有两岁半了.比起通用软件的生命周期来这好像也没那么久,Vue3在2020年正式推出,在源码和API都有较大变化,性能得到了显著 ...
vue3.0和vue2.0的比较
前言: 对vue3.0进行一次整理目录: 一.vue3.0的亮点 1.性能比vue2.x快1.2~2倍 2.支持按需编译,按需导入,体积比vue2.x更小 3.支持组合API,类似React Hoo ...
vue3.0和vue2的区别
一.默认进行懒观察(lazy observation) 在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者.当数据很大时,这可能会在页面载入时造成明显的性能压力.3.x 版本,只会对「被用 ...
vue3 区别于 vue2 的“与众不同”
希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3.除此之外,也希望路过的朋友可以帮助我查漏补缺
Vue3 相比于 Vue2 有哪些 “与众不同”
点击上方关注前端技术江湖,一起学习,天天进步前言希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3.除此之外,也希望路过的朋友可以帮助我查漏补缺
Vue3 相比于 Vue2 有哪些 “与众不同”？
以下内容来自公众号逆锋起笔,关注每日干货及时送达作者:花哨 https://juejin.cn/post/7011372376969445413 前言希望本篇文章能帮你加深对 Vue 的理解,能信 ...
qiankun中使用不同版本的vue-router导致冲突(主应用vue3子应用vue2路由跳转出错)
现象描述操作步骤 1.点击子应用对应的路由(app-sub-vue2) 2.点击子应用的其他路由(About) 3.点击主应用其他路由(Home) 主应用信息 vue@^3.0.0.vue-rout ...
Vue2 环境下安装Vue3 ，同一台电脑同时安装vue2 和vue3
目前大多数老的项目还是以vue2.0版本为主,在vue3的环境下vue2的项目又不能运行,因此Vue2 和Vue3两个版本同时存在显得尤为重要,本博客为转发博客,非常详细博客1:https://bl ...

Vue3降为Vue2

Vue3降为Vue2相关推荐

最新文章

热门文章