idea引入vue插件报错_IDEA 引入VUE项目

1. 环境准备

1.1 电脑上安装node.js

安装方法：官网下载 https://nodejs.org/en/ LTS长期支持版。

安装完成后在命令行输入 node -v 查看安装版本。

nodejs的安装同时也会安装npm，输入 npm -v 查看安装版本。

1.2 安装cnpm(以管理员身份运行)

有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所以还需要安装npm的国内镜像----cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

1.3 安装脚手架工具vue-cli(以管理员身份运行)

命令行输入：npm install --global vue-cli

1.4 安装webpack

命令行输入：npm install -g webpack

1.5 在idea中安装vue插件

File->Setttings->plugins 在搜索框输入vue，选择第一个安装，安装完后会提示重启。

2. 开始项目导入：(在idea上操作，如果在命令行上操作要先进入你的项目地址)

2.1 安装项目依赖

在IDEA的终端中，进入项目中package.json所在目录。

执行cnpm install

问题1：IDEA 一直在scanning file to index

处理方式如下：选中node_modules文件夹，右键将其排除在索引之外。

右键选择node_modules文件夹 — 选中Mark Directory As — Excluded

2.2 在IDEA中配置npm

选择Edit Configutations

进行如下配置

2.3 启动

启动相关模块(main)和histart