idea配置vue开发环境

1.下载node.js

下载地址:https://nodejs.org/zh-cn/
idea配置vue开发环境_第1张图片

2.安装nodejs

默认安装即可。
idea配置vue开发环境_第2张图片
安装完毕后,测试安装是否成功。

3.修改镜像库位国内淘宝镜像

npm config set registry http://registry.npm.taobao.org

4.安装webpack

npm install -g webpack

5.安装vue-cli

npm install -g vue-cli

idea配置vue开发环境_第3张图片

6.进入项目目录,安装依赖

npm install
idea配置vue开发环境_第4张图片

7.idea配置vue

(1)安装vue插件

安装完毕后需要重启idea
idea配置vue开发环境_第5张图片
idea配置vue开发环境_第6张图片

参考文章:
https://blog.csdn.net/lianghecai52171314/article/details/106113723

(2)idea环境配置运行

idea配置vue开发环境_第7张图片

你可能感兴趣的:(java学习记录)