vue.js安装及检验

这篇博客纠正了网上关于Vue版本查看的错误信息,指出`npm list vue`才是检查Vue.js版本的正确命令,而`vue -V`显示的是Vue CLI的版本。作者详细介绍了如何安装特定版本的Vue,如`npm install vue@2.6.10`,并提供了检查安装成功及卸载Vue的步骤。呼吁读者分享正确的知识,减少误导性教学的存在。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

网上太多误人教学了。

明明是查看vuecli的版本,却说是查看vue的版本,真的无语。

检验本地vue.js版本的是

npm list vue 

vue.js检验

npm list vue搜出来的才是vue的版本,vue -V搜出来的是脚手架,也就是vuecli的版本。vue -V是错的检查vue版本的方法,是错的,是错的,是错的。

npm list vue才是对的,npm list vue才是对的,npm list vue才是对的。

接着,上vue的安装:我装2.6.10的。
方法:npm install vue@指定版本
npm install vue@2.6.10
vue安装
检查vue是否安装成功:

npm list vue

检查vue
最后卸载vue:

npm uninstall vue

卸载vue
最后,希望大家看完之后多转发或点赞或收藏,就是抄文章自己发也没有关系,让那些虚假的教学文章沉下去吧,看到那些虚假的文章,还这么多人看过了,我真的好无语。

### Vue.js 安装与 VSCode 开发环境配置教程 #### 1. 安装 Node.jsnpm Vue.js 的开发依赖于 Node.js 和其包管理工具 npm。因此,在开始之前,需确保已安装最新版本的 Node.jsnpm。 可以通过以下命令验证是否已经安装: ```bash node -v && npm -v ``` 如果未安装,则可以从官方站点下载并安装[^3]。 #### 2. 创建项目文件夹 创建一个新的文件夹作为项目的根目录,并初始化一个 `package.json` 文件来记录项目依赖项。 ```bash mkdir vue-project cd vue-project npm init -y ``` #### 3. 安装 Vue CLI 工具 Vue 提供了一个名为 Vue CLI 的脚手架工具,用于快速搭建 Vue 应用程序。 ```bash npm install -g @vue/cli ``` 通过运行以下命令可以确认 Vue CLI 是否成功安装以及当前版本号: ```bash vue --version ``` #### 4. 使用 Vue CLI 创建新项目 执行以下命令启动交互式向导以创建新的 Vue 项目: ```bash vue create my-vue-app ``` 在此过程中可以选择预设功能(如 TypeScript、Router 或 Vuex),也可以手动选择特性[^4]。 #### 5. 配置 VSCode 支持 Vue.js 为了更好地支持 Vue.js 开发,建议在 Visual Studio Code 中安装一些扩展插件: - **Vetur**: 这是一个非常流行的 Vue 插件,提供语法高亮、智能感知等功能。 ```bash ext install vetur ``` - **ESLint**: 如果启用了 ESLint 功能,推荐安装此插件以便实时检测代码错误。 ```bash ext install dbaeumer.vscode-eslint ``` - **Prettier**: 自动化代码格式化的优秀工具。 ```bash ext install esbenp.prettier-vscode ``` #### 6. 启动本地服务器 进入刚刚创建的应用程序目录,并使用内置服务启动应用: ```bash cd my-vue-app npm run serve ``` 这将在默认浏览器中打开应用程序,默认地址通常是 http://localhost:8080/[^5]。 --- ### 数据文件和路由设置 (基于引用) 按照提供的站内引用说明操作如下: - 在项目根目录下新建数据文件 `data.js` 并添加相应逻辑[^1]。 - 新建登录路由模块 `/server/routes/login.js`,并将该路径引入到主入口文件 `index.js` 中[^2]。 这些步骤有助于构建更复杂的前后端分离架构。 ---
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值