当前位置:首页 > 网站源码 > 正文内容

怎么看vue版本(怎么看vue版本号)

网站源码2年前 (2023-01-23)994

本篇文章给大家谈谈怎么看vue版本,以及怎么看vue版本号对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

怎么查看vue.js是否安装成功

查看vue.js是否安装成功的具体步骤如下:

1、首先打开电脑桌面左下角开始菜单栏中的“运行”。

2、然后在弹出来的窗口中点击输入“cmd”,鼠标左键点击下方的“确定”。

3、然后在弹出来的窗口中点击输入命令“vue -v”,回车确定,弹出vue相关命令的提示,就说明vue是成功安装的了。

用webstorm安装了脚手架,但是无法查看vue的版本,是怎么回事?

说明你没安装vue阿

而且你脚手架为什么用webstorm安装,vue init就是生成脚手架吧,你vue init能执行么?既然可以vue init说明vue命令环境中存在阿,如果不能执行说明你全局就没安装vue,安装脚手架和安装vue可不是一个概念,脚手架的vue版本直接在package.json里就能看了

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: command not found

        Mac系统 找了很多解决方法对我不适用 后来找到适用的解决方法 记载一下。

        首先安装了npm node 然后配置了npm的两个文件夹路径

        npm config set cache “Users/yhqccc/software/npm-cache”

        npm config set prefix“Users/yhqccc/software/npm-global”

        安装vue命令sudo npm install -g @vue/cli之后 在Users/yhqccc/software/npm-global/lib 文件夹中会多出一个node_modules文件夹 里面安装的@vue

        然后配置环境变量 指向npm module lib和bin的存放路径。

如:export PATH=$PATH:/Users/yhqccc/software/npm-global/bin/ 以及 export PATH=$PATH:/Users/yhqccc/software/npm-global/lib/node_modules/@vue/cli/bin/

        这样不会永久修改.bash_profile配置文件 所以每次都要配置 推荐直接修改.bash_profile配置文件。

        npm root -g 和 npm bin -g 可以查看npm module lib和bin的存放路径

        再次查验vue版本 就可以查看到了。

关于怎么看vue版本和怎么看vue版本号的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://390c.top/post/1792.html

分享给朋友:

“怎么看vue版本(怎么看vue版本号)” 的相关文章

手机设备物理地址怎么看(手机的物理地址是什么)

手机设备物理地址怎么看(手机的物理地址是什么)

本篇文章给大家谈谈手机设备物理地址怎么看,以及手机的物理地址是什么对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、什么叫手机的mac地址? 2、怎么查手机设备的mac地...

电脑装了谷歌浏览器不能访问网页(电脑装了谷歌浏览器不能访问网页了)

电脑装了谷歌浏览器不能访问网页(电脑装了谷歌浏览器不能访问网页了)

今天给各位分享电脑装了谷歌浏览器不能访问网页的知识,其中也会对电脑装了谷歌浏览器不能访问网页了进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、谷歌浏览器网页打...

真人打扑克牌的网站不用下载(扑克真人打牌真实视频)

真人打扑克牌的网站不用下载(扑克真人打牌真实视频)

本篇文章给大家谈谈真人打扑克牌的网站不用下载,以及扑克真人打牌真实视频对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、小游戏三张扑克牌无需网络怎么下载? 2、四人扑克打...

php后端框架有哪些(php后端框架有哪些类型)

php后端框架有哪些(php后端框架有哪些类型)

本篇文章给大家谈谈php后端框架有哪些,以及php后端框架有哪些类型对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、基于ThinkPHP5和Bootstrap的极速后台开发...

直播吧电脑版网页(直播吧网站)

直播吧电脑版网页(直播吧网站)

今天给各位分享直播吧电脑版网页的知识,其中也会对直播吧网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、直播吧的网站设置 2、直播吧打不开网页 3、...

畅易阁天龙八部怀旧服交易平台(天龙八部怀旧服畅易阁)

畅易阁天龙八部怀旧服交易平台(天龙八部怀旧服畅易阁)

今天给各位分享畅易阁天龙八部怀旧服交易平台的知识,其中也会对天龙八部怀旧服畅易阁进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、天龙八部最好的交易平台是哪个?...