如何查看vue项目的vue版本-创新互联

本篇文章给大家分享的是有关如何查看vue项目的vue版本，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

查看cli版本，执行如下：

vue -V

查看vue版本

npm list vue

补充知识：vue老项目升级vue-cli3.0问题总结

升级步骤

1、 删除原vue-cli并安装vue-cli3.0

2、删除新项目中src下的内容，把原项目中src目录覆盖到新项目中

3、把router从目录文件夹改为文件，src/router/index.js提高一层变成src/router.js

4、 我的项目中src已经分为了views和components所以无需修改，如果不是这个结构需要自己区分下

5、将原项目的index.html及favicon.ico覆盖到新项目的public中

6、 将原项目的static文件夹拷贝到新项目的public中

7、 修改package.json文件，保持和原有项目一致即可

8、 创建并配置vue.config.js文件

删除命令：

npm uninstall vue-cli -g

安装@vue/cli命令：

npm install -g @vue/cli

我在这里省略安装流程，掘金上已经有很多文章了，下面说下会遇到的问题：

1、找不到vue文件

CMD中的报错

These dependencies were not found:

* @/views/index/index in ./src/router.js

* @/views/index/otherIndex in ./src/router.js

To install them, you can run: npm install --save @/views/index/index @/views/index/other

页面上的报错

./src/router.js
Module not found:
Error: Can't resolve '@/views/index/index' in 'D:\VUE\haigui-proxy\src'
这种报错是说明文件路径错误没有找到文件，因为在原项目中设置了“@”也就是alias(别名)，也有可能在原项目中设置了extensions(可以省略扩展名)，所以需要在新项目的vue.config.js中设置如下内容：
const path = require('path'); // vue.config.js顶部
const resolve = (dir) => path.join(__dirname, dir);
module.exports = {
 configureWebpack: config => {
 Object.assign(config, {
  resolve: {
  extensions: ['.js', '.vue', '.json'], // 可以省略后缀名
  alias: { // 别名,在require的时候，可以使用这些别名，来缩短路径的长度
   '@': path.resolve(__dirname, './src'),
   '@c': path.resolve(__dirname, './src/components')
  }
  }
 });
 }
}