vue搭建 maven配置

时间:2024-05-18 22:18:21

搭建前端vue环境
1、①安装node:
在搭建vue的开发环境之前必须先下载node.js,官网地址:http://nodejs.cn.
根据自己电脑配置选择是32位还是64位。
安装node.js的原因是因为vue的运行需要依赖于node的npm的管理工具来实现。
vue搭建 maven配置

②安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功。
vue搭建 maven配置
2、查看npm:npm包管理器,是集成在node中的,所以,直接输入 npm -v,显示出npm的版本信息.
vue搭建 maven配置
3、安装cnpm:由于在国内使用npm是非常慢的而且npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像cnpm,推荐使用淘宝npm镜像。在命令行输入npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待,安装完成如下。
vue搭建 maven配置
完成之后,我们就可以用cnpm代替npm来安装依赖包了。

4、安装vue-cli脚手架构建工具:此步骤最好按照官网安装步骤安装,下边为官网地址及安装步骤
https://cli.vuejs.org/zh/guide/installation.html
vue搭建 maven配置
构建项目可参考网址:
Vue cli官网:https://cli.vuejs.org/
https://www.jianshu.com/p/a494417def99?utm_source=desktop&utm_medium=timeline
https://www.cnblogs.com/winter92/p/7117057.html
https://blog.****.net/baicheng5/article/details/79936512

Eclipse中maven配置方法
1、系统配置maven环境变量
①配置环境变量
  (1)计算机属性–高级系统配置–高级–环境变量—系统变量–新建
  (2)添加环境变量
      MAVEN_HOME
      PATH中添加到maven安装目录下的bin目录
vue搭建 maven配置
vue搭建 maven配置
  (3)在path环境变量中增加${你自己maven安装的位置}\bin
②验证
运行cmd,mvn -version 可以看到版本信息和系统信息
2、根据此文档进行配置https://www.cnblogs.com/tangshengwei/p/6341462.html