vue项目怎么升级依赖版本（vue项目版本管理）

今天给各位分享vue项目怎么升级依赖版本的知识，其中也会对vue项目版本管理进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、vue项目版本升级以及项目中遇到的问题附带解决方案
• 2、vue npm运行项目，这个怎么解决
• 3、vue2.0升级到vue3.0

vue项目版本升级以及项目中遇到的问题附带解决方案

解决办法

减低版本

升级 vue vue-template-compiler（孔小弟选择）

升级之后的问题

发版线上部署问题

vue npm运行项目，这个怎么解决

1、删除package-lock.json,重新npm install，node_modules中出现了stylus文件夹了，然而还是报错。

2、在终端直接运行 sudo npm install stylus-loader stylus --save-dev 结果就编译成功了、

补充：

1、这个package-lock.json 是npm 5 做的一个优化，加快了npm 下载的速度。条件就是将依赖的详细信息，包括版本，下载地址等，都写在了里面。然后想要更新版本的话，就不能够去通过修改package 里面的版本依赖来实现了，只能通过npm install packageName@version 来实现。

背景如下：

1、npm目前升级到了5.0.3

npm install的时候目录会多一个package-lock.json这个文件

此时我在package.json的devDependencies中添加了

2、"stylus": "^0.54.5","stylus-loader": "^3.0.1"

3、然后在终端重新运行npm install的时候，项目中的node_modules并没有出现stylus文件夹

vue2.0升级到vue3.0

vue-cli 3.0的项目目前已经有很多了，近期接触到的项目几乎都是3.0的版本，因此再用2.0就不再合适了。

勇于入坑，是对技术最大的尊重。

首先，我们需要卸载目前电脑上全局安装的vue版本，命令如下：

npm unistall vue-cli -g

npm install -g @vue/cli

注意哦，如果电脑的npm版本过低，就需要重新安装一下：

npm install -g npm 

然后我们安装好了之后，就可以使用  npm -v  和  vue --version去查看版本好了，安装好了之后，我们可以新建一个vue项目

vue create 项目名

例如：vue ceate tbweb

安装的时候，选择这个进行安装就可以啦

然后我们再安装 npm install 就可以了。

如果项目结构变成这样，说明你的项目已经建好了

进入这个项目文件夹，默认的启动项目的命令是：

npm run serve

vue已经给我们新建了一个初始的项目结构，但是这个项目结构还不完善。我们需要新建一下几个目录。新建的目录都是新建在src目录下。

views 用户存放我们的页面

store 放置vuex程序

api 放置所有的接口程序

utils 放置工具函数（可有可无）

router 放置路由信息

styles 放置全局样式（可有可无）

components 这个已经有了，用来存放我们页面中的组件。我们可以直接把组件新建在components目录下，不过这样不太清晰，我喜欢在components目录下，再为每个页面新建一个文件夹，把每个页面的组件放在对应的文件下

assets 这个也已经有了，用来存放我们的资源文件，视频、音频、图片等。

好啦，ok啦。大家快去尝试吧！

vue3.0的项目更加轻量级，正如官方介绍的那样，它更加请便简洁，多了一些人性化的设计。

具体的其它的步骤，推荐查看这篇文章：

关于vue项目怎么升级依赖版本和vue项目版本管理的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。