（十三）idea配置部署vue环境（node.js）

您所在的位置：网站首页 › vue安装node › （十三）idea配置部署vue环境（node.js）

（十三）idea配置部署vue环境（node.js）

2023-11-19 01:25| 来源: 网络整理| 查看: 265

Node.js下载地址

点我下载node.js

在这里插入图片描述进入下载页面，建议选择长期维护版，更加稳定，存在的未知bug较少。能避免新人少踩坑。

下载安装Node.js

双击node程序，一路默认安装即可，选择程序安装路径。在这里插入图片描述程序安装路径：（C:\Node_JS）

配置用户环境变量

在这里插入图片描述

配置系统path环境变量

在这里插入图片描述

测试Node.js是否安装成功

在命令界面输入：

node -v npm -v

出现如下信息则安装成功！在这里插入图片描述

设置淘宝镜像库，加快库文件安装速度 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack cnpm install -g webpack 安装vue-cli脚手架构建工具 cnpm install -g vue-cli 构建并初始化项目

输入如下命令后会在根目录下生成项目名称为vuecmp文件，然后接着会有描述、作者等信息，可以设置自己需要的信息，或者直接回车默认。此时基于webpack的项目就构建完成。

vue init webpack vuecmp

在这里插入图片描述以上命令会生成项目名称为vuecmp的文件项目，里面有一个package.json文件，里面包含了所需要的依赖的资源，接下来就是需要安装这些依赖。

安装依赖

cd进入刚才生成的项目根目录中：例如我的为：

cd C:\Users\xiexianxin\vuecmp

接着执行命令安装

cnpm install 运行项目 npm run dev

在这里插入图片描述出现如上所示则运行成功，复制运行地址到浏览器加载：成功!!!

IDEA配置VUE开发环境

安装vue插件：在这里插入图片描述配置js版本为6+: 配置运行环境：点击项目运行：截至vue开发环境已全部结束，谢谢大家的支持。学习永无止境！

【本文地址】

（十三）idea配置部署vue环境（node.js）

（十三）idea配置部署vue环境（node.js）

今日新闻

推荐新闻