今天导师给了一个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

Logo

前往低代码交流专区

更多推荐