记录idea导入vue项目
今天导师给了一个vue项目让我们在idea上跑起来,记录一下这个过程和在这中遇到的问题工具的安装:1、先在电脑上安装node.js。安装方法:官网下载https://nodejs.org/en/LTS长期支持版。安装完成后在命令行输入 node -v 确认安装结果。nodejs的安装同时也会安装npm,输入 npm -v 确认。2、npm全称为Node Packag...
今天导师给了一个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,选择第一个安装,安装完后会提示重启。
开始项目导入:(在idea上操作,如果在命令行上操作要先进入你的项目地址)
-
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
更多推荐
所有评论(0)