记录idea导入vue项目

最新推荐文章于 2024-04-29 17:54:14 发布

huaiqiongying

最新推荐文章于 2024-04-29 17:54:14 发布

阅读量7.4k

点赞数 3

文章标签： idea vue java

本文链接：https://blog.csdn.net/boomxiaolong/article/details/96479186

版权

今天导师给了一个vue项目让我们在idea上跑起来，记录一下这个过程和在这中遇到的问题

1、先在电脑上安装node.js。

安装方法：官网下载 https://nodejs.org/en/ LTS长期支持版。
安装完成后在命令行输入 node -v 查看安装版本。
nodejs的安装同时也会安装npm，输入 npm -v 查看安装版本。
2、npm全称为Node Package Manage，是一个基于node.js的包管理器，等同于java中的maven。

初始化node模板：npm init
初始化项目依赖：npm install
安装依赖：npm install vue -g
3、安装脚手架工具vue-cli

命令行输入：npm install --global vue-cli
4、安装webpack

命令行输入：npm install -g webpack
5、在idea中安装vue插件

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

1、将vue项目源码导入到idea

选择开始界面的 Import Project，找到源码的目录位置
2、然后等待导入完成之后，在idea的终端（Terminal）输入
npm install 加上你的镜像依赖地址
安装你项目中的package.json中的依赖
3、依赖安装完以后在终端输入
npm run dev
运行项目
4、在浏览器地址栏上输入
localhost:8080
就可以看见你的vue项目了

1、java: -source 1.5 中不支持 diamond 运算符

一开始遇到的是这个，后来明白这个是由于java 1.7以下实例化必须将泛型类填写完整，后面解决方法是在出现问题的地方把那个泛型类填写上去了
2、就是maven依赖的问题

在官网下的maven是没有私服设置的，我们老师后来给了一个带有我们maven私服地址的settings.xml文件，将这个文件和自带的settings.xml文件替换了，然后在去下载依赖就行了，下载了好久啊。。不过下载完后就可以成功运行了。
3、在输入npm install 的时候总是会报错，而且是好长一段，然后仔细看了看错误再去网上一个一个错误的去找了很多，发现有一个情况很类似的，然后借鉴其方法解决了。
我当时遇到的错误是：
Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.7.2/win32-x64-64_binding.node
Cannot download “https://npm.taobao.org/mirrors/node-sass/v4.7.2/win32-x64-64_binding.node”:
HTTP error 404 Not Found
我的解决方法是：输入 npm install --registry=https://registry.npm.taobao.org
出现这个错误的原因是node-sass 被墙了，因为我一开始如数的是我们公司的镜像，在用一下淘宝镜像里就好了
借鉴地址：https://blog.csdn.net/u012599988/article/details/81535136

关注