idea2019安装node.js插件，初始化Vue项目

已于 2024-02-09 00:02:41 修改
阅读量1.1k 收藏 9
点赞数 13
文章标签： node.js vue.js 前端
于 2024-02-09 00:01:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013020368/article/details/136083441
版权
本文详细指导了如何在Windows11环境中安装Node.js插件、Vue环境，以及如何使用IDEA配置并启动Vue项目服务，包括设置npmrunserve和调试过程。

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

1，安装node.js插件。点击"File"->"Settings"。

2，点击“Plugins”，选择“Marketplace”。输入node。点击“install”。然后重启IDE。

3，在目标文件夹的路径里面，直接输入cmd。然后点击回车。可以快捷的定位到目标文件夹。

4，输入 vue create vuetest01，然后可以用键盘的上下键进行选择。这里选择 vue 2，然后按回车键。node.js和vue的环境安装，可以看我之前的文章

最低0.47元/天 解锁文章
newrules
关注
idea中安装nodejs插件
lilin3210的博客
12-29 1万+
一、安装node 下载node win10 64位 v14.15.3版本并安装 （下载地址：https://nodejs.org/en/download/） 二、检查环境变量已默认设置 三、登陆IDEA，安装nodejs插件 https://blog.csdn.net/weixin_40599674/article/details/98943703 ...
idea运行vue项目及Node.js的安装
weixin_42666548的博客
07-11 1687
4、准备下载vue项目需要的依赖包，用npm -install命令也行，或者用idea操作也行。5、查看版本，node -v、npm -v。2、找已安装好的node目录，做对应设置。二、idea安装vue插件。4、开始安装，一直下一步。3、开始导入vue项目。找到vue项目，导入。
idea里安装nodejs
qq_53378054的博客
03-19 2751
idea里安装nodejs
在 IntelliJ IDEA 2019 中安装/启用 PlantUML 插件
最新发布
m0_64262133的博客
03-31 728
访问 JetBrains 插件官网（https://plugins.jetbrains.com），搜索。，选择与 IDEA 2019 兼容的版本（通常选择最新版本即可）。重启 IntelliJ IDEA（2019.3 版本可能无需重启）。方法一：通过 Marketplace 在线安装（推荐）在 IntelliJ IDEA 主界面，点击菜单栏。安装完成后，根据提示选择。（macOS），进入设置界面后选择。安装完成后，在插件列表中勾选。文件**（不要解压）**界面，点击齿轮图标选择。，按提示重启 IDE。
NodeJS插件
02-03
支持IDEA,PhpStorm,WebStorm,PyCharm,RubyMine,AppCode,CLion,GoLand,Rider的node.js插件，从IDE运行Node.js应用程序并使用内置可视化调试 器调试它们将调试器附加到正在运行的Node.js进程
IDEA中配置运行node.js
m0_67401545的博客
06-03 4931
idea中支持运行很多种编程语言，只需要在电脑中安装好对应的语言环境，然后在idea的setting->plugins中下载安装对应的语言插件，最后再在setting->languages&frameworks中找到对应语言然后配置好已安装的语言编译器路径即可。例如node.js直接去官网下载安装：https://nodejs.org/zh-cn/ 安装完成后用node --verison命令检查，显示了版本号就说明安装成功了。 并且现在node.js安装包自带了npm，在命令行中执行npm -v命令也能
IDEA运行前端vue项目，安装nodejs,以及配置
weixin_45958839的博客
11-09 4249
在【系统变量】下新建【NODE_PATH】，输入【D:\Program File\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\Software\nodejs\nodejspath\node_global】3.选择其他盘符如D盘或者是E盘目录下创建NodeDevelop文件夹，再在【NodeDevelop】下分别创建【node_cache】和【node_global】 --- 这个问题注意一下，否则后续会遇到报错问题。2.然后下一步 下一步 傻瓜式安装。
安装node.js及idea配置运行vue项目
欢迎来到技术之旅的温馨驿站。让我们一同书写代码之美，分享技术之路的点滴。
09-17 1万+
一、下载node.js，搭建环境 1、可去官网下载（https://nodejs.org/zh-cn/） 下载后是.msi格式的文件 2、双击安装，一直下一步即可。 3、查看是否安装成功 以管理员运行cmd，输入“node -v”、“npm -v”，查看node和npm的版本号，如下图显示则安装成功。 注：npm包管理器是集成在node中的 二、安装cnpm（以管理员运行cmd状态下） 在命令行中输入 npm install -g cnpm --registry=http:/..
安装node.js + 搭建vue环境 + 安装脚手架 + 构建vue项目的详细教程
热门推荐
weixin_42216142的博客
12-11 1万+
搭建vue开发环境的时候在网上找了几个教程，还是遇到了比较几个坑，所以写下这篇可以让你从零开始一步一步跟着本篇博客搭建好环境，顺利直接进行vue开发的步骤。 第一步：安装node.js 先去官网下载node.js，如下图，根据自己的电脑选择安装包下载，我的电脑是windows 64位的，所以选了下图红色框的。 下载完成之后，点击下载好的安装包进行安装，安装过程全部直接点next，不用勾选其他，直...
Spring Boot中Node.js的下载与Vue CLI在IDEA中的部署及使用（图文解释 简单易懂）
showswoller的博客
11-22 1039
Spring Boot中Node.js的下载与Vue CLI在IDEA中的部署及使用（图文解释 简单易懂）
Node.js安装保姆级教学（idea）
qq_53654783的博客
03-06 2696
node.js安装、运行、查看版本号（npm) [idea]创建项目，执行命令 idea内部执行命令{简洁明了}
idea vue.js插件(2019.3.1)
02-02
亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可; 亲测 本人IDEA版本2019.3.1 vuejs-193.5662.65.zip File>Setting>plugins>install plugin from disk 选择文件安装完重启即可;
idea vue.js插件
04-02
idea的vue插件在线安装总是失败。可以下载安装包，从硬盘安装插件。
idea vuejs插件
05-27
idea vuejs插件
NodeJs安装（VUE、IDEA使用）
weichenyang的博客
10-11 2213
可通过IDEA配置参数来启动，也可通过命令启动，参考package.json script 中规定启动方法，如 serve：npm run serve。然后开始安装vue.js ，可以自己选择安装vue2或者vue3，安装完成后即可查看安装版本，通过以下命令实现。1、'vue-cli-service' 不是内部或外部命令，也不是可运行的程序。2、安装vue3 cli ： npm install -g @vue/cli。1、安装vue2 cli ： npm install vue-cli -g。
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
Bulut0907
07-22 8844
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
idea yml文件没有提示_IDEA有了这插件，可以节省70%代码
weixin_39528525的博客
12-01 2097
点击“大佬孙”关注公众号获取全部信息EasyCode是基于IntelliJ IDEA开发的代码生成插件，支持自定义任意模板(Java，html，js，xml)。只要是与数据库相关的代码都可以通过自定义模板来生成。支持数据库类型与java类型映射关系配置。支持同时生成生成多张表的代码。每张表有独立的配置信息。完全的个性化定义，规则由你设置。1、安装(EasyCode)我这里的话是已经那装好...
node.js idea安装步骤
03-23
### 如何在 IntelliJ IDEA 中设置 Node.js 环境 #### 配置 Node.js 插件支持 IntelliJ IDEA 社区版和 WebStorm 均可通过安装 Node.js 插件来增强对项目的理解能力，从而提供更高效的开发体验。具体操作如下： - 打开 IntelliJ IDEA 的插件市场，在 `Settings` -> `Plugins` 页面搜索并安装官方提供的 `NodeJS` 插件[^1]。 #### 下载与安装 Node.js 访问 Node.js 官方网站 (https://nodejs.org)，选择适合当前操作系统版本的 LTS 版本进行下载。在安装过程中，请务必确认已勾选 “npm” 选项（此选项通常是默认启用状态），以便后续能够正常使用 npm 工具链[^2]。 #### 测试 Node.js 和 npm 是否成功安装 为了验证 Node.js 及其包管理工具 npm 是否正确安装，可以在命令行执行以下指令： ```bash node -v && npm -v ``` 如果返回对应的版本号，则说明安装无误[^3]。 #### 在 IntelliJ IDEA 中配置 Vue 脚手架或其他框架 对于基于 Vue 或其他前端技术栈的应用程序开发，可以通过以下方式完成脚手架初始化及相关依赖项引入工作： 1. **创建新项目**：启动 IntelliJ IDEA 后新建一个 JavaScript 类型工程； 2. **集成 Node.js SDK**：进入 `File` -> `Project Structure...` 对话框下的 Libraries 设置环节，指定本地已经存在的 Node.js 解析引擎路径作为目标运行时环境的一部分； 3. **全局或局部安装 vue-cli**：利用终端输入命令 `npm install @vue/cli -g` 来实现跨平台可用性的 CLI 实现方案；或者针对单个项目单独处理则采用 `npx create-vue my-app-name` 方法替代上述全局化部署策略。 #### Maven 数据库仓储自定义调整(可选部分) 如果有额外需求涉及到 Java 构件管理系统(Maven)的话, 这里给出一段关于修改中央存储位置的例子供参考: 编辑文件 C:\Program Files\apache-maven-3.6.3\conf\settings.xml ，找到 `<localRepository>` 字段将其指向新的目录比如这样:C://ctsc//MavenRepository 。这一步骤并非必要除非遇到特殊场景才需考虑实施[^4]。 ```xml <localRepository>C://ctsc//MavenRepository</localRepository> ``` 以上即完成了整个流程描述从基础到高级定制层面的内容覆盖。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值