如何查看vue项目的vue版本-创新互联
本篇文章给大家分享的是有关如何查看vue项目的vue版本,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
创新互联建站是专业的临桂网站建设公司,临桂接单;提供网站建设、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行临桂网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!查看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') } } }); } }
网站栏目:如何查看vue项目的vue版本-创新互联
URL分享:http://myzitong.com/article/cdppoi.html