vue环境安装

最新推荐文章于 2024-08-21 09:32:51 发布
最新推荐文章于 2024-08-21 09:32:51 发布
阅读量368 收藏 5
点赞数 3
分类专栏： 环境配置 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_80729149/article/details/140574925
版权

安装node.js

网址：https://nodejs.org/en/download/

在这里插入图片描述

直接点击下载就ok

在这里插入图片描述

一路next，这里可以改一下保存路径

在这里插入图片描述

选第一个

安装后，找到node.js的安装目录，创建这两个文件夹

在这里插入图片描述

之后打开命令提示符，右键以管理员身份运行

在这里插入图片描述

将新创建的两个文件夹配置到我们刚刚创建那个目录下

在这里插入图片描述

接下来是环境变量的配置

在这里插入图片描述

接着配置系统变量

在这里插入图片描述

接着在系统变量的path中添加%NODE_PATH%

在这里插入图片描述

安装vue
安装前，我们需要先找到下载网站
在这里插入图片描述
然后我们就可以安装了

在这里插入图片描述

安装其他模块

在这里插入图片描述

这里查看版本失败，我们可以换个命令

npm list -g vue就可以正确显示版本信息，之前的无法显示应该是在全局范围内安装了vue

至此就大功告成了

我们所有安装的模块都在node_modules文件里在这里插入图片描述

shix .
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
VUE环境搭建安装详细过程
11-07
### VUE环境搭建安装详细过程 #### 一、概述 Vue.js 是一款非常流行的前端框架，用于构建用户界面。为了能够有效地使用 Vue 进行开发，首先需要搭建一个适合 Vue 开发的环境。本文将详细介绍如何搭建 Vue 开发环境...
vue安装及环境配置.docx
07-11
### Vue.js 安装及环境配置详解 #### 一、Vue.js 简介 Vue.js 是一个用于构建用户界面的渐进式框架。它的设计非常灵活，能够轻松地被集成到任何现有的项目中，无论是简单的单页应用还是复杂的多页应用。Vue.js ...
vue.js开发环境安装教程
10-20
Vue.js开发环境安装教程涉及的知识点非常丰富，涵盖了前端开发和项目构建所必需的工具链和概念，以下是对这些知识点的详细介绍： 1. Vue.js框架简介： Vue.js是一个构建用户界面的渐进式JavaScript框架，具有轻量级...
vue安装手册
10-31
### Vue安装手册详解 #### 一、开发环境准备 ##### 1.1 安装Node.js Node.js 是一个基于Chrome V8引擎的JavaScript运行环境，它为前端开发者提供了一个本地服务器环境，使得开发者能够在浏览器中实时调试前端页面...
Mac下安装vue
08-27
在所有环境变量都准备就绪后，就可以开始安装Vue CLI了。在终端中输入`sudo cnpm install -g vue-cli`，这里的`sudo`用于获取管理员权限，`-g`表示全局安装。安装成功后，输入`vue`命令，你应该能看到Vue的相关帮助...
avue-crud 自定义搜索项 插槽
qq_31683775的博客
08-20 217
加上 -search 就可以自定义查询项了。
Vue 生命周期详解含demo、面试常问问题案例
qq_34419312的博客
08-16 1224
Vue 生命周期详解、面试常问问题案例 含 demo
【前端】VUE动态引入组件 通过字符串动态渲染模板 动态生成组件
我是Superman丶的博客
08-19 177
【前端】VUE动态引入组件 通过字符串动态渲染模板。
【vue3】组件通信
aaaa_aaab的博客
08-19 557
1. 概述：自定义事件常用于：**子 => 父。**2. 注意区分好：原生事件、自定义事件。● 原生事件：● 事件名是特定的（ click 、 mosueenter 等等）● 事件对象 $event : 是包含事件相关信息的对象（ pageX 、 pageY 、 target 、 keyCode ）● 自定义事件：● 事件名是任意名称● 事件对象 $event : 是调用 emit 时所提供的数据，可以是任意类型！！！--在父组件中，给子组件绑定自定义事件：-->
Vue 3 watchEffect教程
weixin_42545951的博客
08-17 549
Vue 3 引入了 Composition API，其中是一个非常强大的工具，用于响应式地追踪依赖项的变化。本文将详细介绍的使用方法和相关概念。是 Vue 3 的 Composition API 中的一个函数，用于自动追踪其回调函数中使用的响应式状态，并在状态变化时重新执行回调函数。通过本文的介绍，你应该对 Vue 3 中的有了基本的了解。是 Vue 3 响应式系统的核心功能之一，能够极大地简化副作用的处理逻辑，提高代码的可读性和可维护性。在实际开发中，合理使用将使你的 Vue 应用更加强大和灵活。
Vue 3 组合式 API 中的 nextTick 深入解析
计算机图形学
08-19 281
nextTick是 Vue 3 中一个非常重要的函数，它允许开发者在 DOM 更新后执行特定的回调函数。通过理解其基本用法、实现原理和应用场景，我们可以更有效地利用 Vue 的响应式系统，编写出更高效、更稳定的代码。希望本文能帮助你深入理解 Vue 3 中的nextTick函数。
element-ui下拉框的使用
weixin_51480428的博客
08-20 194
【代码】element-ui下拉框的使用。
Nuxt3【文件路由】pages 详解（含Nuxt3中的路由管理）
朝阳39的博客
08-16 1136
在 pages 文件夹中定义页面，支持 .vue、.js、.jsx、.mjs、.ts 或 .tsx注意事项：页面仅能有一个根元素（HTML 注释也被视为元素）< template > < h1 > 首页 < template > < h1 > 首页 < h1 > 首页
Vxe UI vue vxe-table 实现表格数据分组功能，根据字段数据分组
我的博客
08-17 654
Vxe UI vue vxe-table 实现表格数据分组功能，根据字段数据分组基于树结构功能就可以直接实现数据分组功能
Vue UI 组件库
qq_53374893的博客
08-20 260
移动端还有一个。
【Vue】：利用 vue-drag-resize 拖拽缩放插件，实现对元素的拖拽以及拉伸操作，从而调整元素的宽度和高度
最新发布
Anislandwhale的博客
08-21 722
“vue-drag-resize” 是一个用于 Vue.js 的插件，它允许你在 Vue 应用中轻松实现可拖拽和可调整大小的元素
vue3列表页搜索条件封装
yan1915766026的博客
08-17 533
vue3搜索栏封装，简单、统一、易于维护
Vue3+ElementPlus，侧边栏菜单折叠时，图标不显示踩坑笔记
学习，是熵减的最有效途径。
08-17 248
Vue3+ElementPlus，侧边栏菜单折叠时，遇到的两个坑，写个踩坑笔记，记录一下。。。
web前端之html弹窗面板的popover新属性
软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。
08-18 3901
web前端之html弹窗面板的popover新属性
springboot vue环境安装
05-19
安装SpringBoot和Vue.js的环境需要分别安装Java和Node.js，并且在安装Vue.js时需要使用npm（Node.js的包管理器）。 下面是安装过程的详细步骤： 1. 安装Java - 在Java官网下载JDK：https://www.oracle.com/java/technologies/javase-jdk16-downloads.html。 - 安装JDK，将JDK的路径添加到环境变量中。 2. 安装Node.js - 在Node.js官网下载LTS版本：https://nodejs.org/en/download/。 - 安装Node.js，将Node.js的路径添加到环境变量中。 3. 安装Vue.js - 打开命令行工具，输入以下命令安装Vue.js： ``` npm install -g vue-cli ``` - 等待安装完成后，输入以下命令创建Vue.js项目： ``` vue init webpack my-project ``` - 进入项目目录，输入以下命令启动Vue.js项目： ``` npm run dev ``` 4. 安装SpringBoot - 在SpringBoot官网下载最新版本：https://spring.io/projects/spring-boot#learn。 - 解压缩下载的文件，将SpringBoot的路径添加到环境变量中。 5. 在IDE中创建SpringBoot项目 - 在IDE中创建SpringBoot项目，选择Maven项目，添加SpringBoot的依赖。 - 在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` - 在src/main/java目录下创建Java类，添加@Controller注解，编写SpringBoot的控制器。 - 运行SpringBoot项目，访问http://localhost:8080/，可以看到控制器返回的内容。 6. 将Vue.js集成到SpringBoot项目中 - 在IDE中创建SpringBoot项目，选择Maven项目，添加SpringBoot的依赖。 - 在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` - 在src/main/resources/static目录下创建Vue.js项目，将Vue.js项目的文件复制到该目录下。 - 在src/main/resources/templates目录下创建index.html文件，添加以下内容： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Vue.js App</title> </head> <body> <div id="app"></div> <script src="/static/js/app.js"></script> </body> </html> ``` - 在src/main/java目录下创建Java类，添加@Controller注解，编写SpringBoot的控制器。 - 运行SpringBoot项目，访问http://localhost:8080/，可以看到Vue.js的页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shix .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值