AngularJS 前端开发开发工具下载集成 NODE 版本管理软件 NVMW 浏览器推荐 (一)

最新推荐文章于 2024-04-14 09:30:17 发布

于立子

最新推荐文章于 2024-04-14 09:30:17 发布

阅读量222

点赞数

分类专栏： anrularJS

本文链接：https://blog.csdn.net/yulizi0215/article/details/104820743

版权

anrularJS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

AngularJS 前端开发开发工具下载浏览器推荐

开发工具建议使用 :

链接: https://pan.baidu.com/s/17EFvTxoAd_uGtI3SVyc2ag 提取码: 5z6a

开发测试工具: 谷歌浏览器

单元测试工具: Jasmine&Karma 后面会讲到怎么使用.

我们首先考虑 angularjs 是直接放到项目目录中使用还是开发独立的前端资源:

如果是在项目中直接使用 ,直接配置 pom.xml jar 包,并且在文件中引用jar包中的资源即可.

一 spring boot 中直接使用:

1 配置angularjs jar包

		<dependency>
            <groupId>org.webjars</groupId>
            <artifactId>angularjs</artifactId>
            <version>1.7.2</version>
        </dependency>

2 在index.html写如下,引入angualrjs的方使用webjar webjar的路径如下

<script type="text/javascript" src="webjars/angularjs/1.7.2/angular.min.js"></script>

在这里插入图片描述

2 我们的项目使用的是前后台分离的方式.所以我们直接使用 js 引用的方式.

<!DOCTYPE html>
<html lang="en"  ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<script type="text/javascript" src="js/angular.min.js"></script>

	<script type="text/javascript" src="js/angular-ui-router.min.js"></script>

	<script type="text/javascript" src="app/app.js"></script>
<body>
	<div ui-view="content">
	</div>
</body>
</html>

二在开发过程中我们一定一会使用到node.js 因为版本的不一致,所以我们需要安装一个 node 版本管理器.
git clone nvmw
直接从 github clone nvmw 到本地:
在这里插入图片描述

SHIFT + 鼠标右键打开 cmd

在这里插入图片描述

git clone https://github.com/hakobera/nvmw.git

设置 G:\nodenpm_git\nvmw 目录到你的 PATH 环境变量中:

在这里插入图片描述

重新打开你的终端, 输入 nvmw

nvmw

在这里插入图片描述

通过 nvmw 安装任意版本的 node
nvmw 默认是从 http://nodejs.org/dist/ 下载的, 国外服务器, 必然很慢,

set "NVMW_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node"
set "NVMW_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs"
set "NVMW_NPM_MIRROR=http://npm.taobao.org/mirrors/npm"

在这里插入图片描述

通过以上目录看最后一条记录,就知道最后的版本是什么

进入nvmw的程序目录：

nvmw.bat 修改

if not defined NVMW_NODEJS_ORG_MIRROR (
  set "NVMW_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node"
)

if not defined NVMW_IOJS_ORG_MIRROR (
  set "NVMW_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs"
)

get_npm.js 修改

var NVMW_NPM_MIRROR = ' http://npm.taobao.org/mirrors/npm';

1.修改nvmw.bat文件137行，x64改为win-x64

2.修改fget.js文件47行，XMLHTTP 更改为ServerXMLHTTP

3.修改get_npm.js文件38行if…else代码块如下：

    if (!npmVersion) {
      return noNpmAndExit();
    }
    downloadNpmZip(npmVersion);
  });
} else {
  var pkgUri = util.format('http://npm.taobao.org/mirrors/node/index.json');
  wget(pkgUri, function (filename, pkg) {
    if (filename === null) {
      return noNpmAndExit();
    }
    //downloadNpmZip(JSON.parse(pkg).version);
    var _pkg = JSON.parse(pkg);
    for(var i = 0,n=_pkg.length;i<n;i++){
       var obj = _pkg[i];
       if(obj.version == binVersion){
           downloadNpmZip(obj.npm);
       }
    }
  });

nvmw install v8.11.4
nvmw install v6.8.0
nvmw install v6.9.2

在这里插入图片描述

安装完成后，nvmw目录中将多出一个v.8.11.4目录，将这个目录也添加进系统环境变量中。重新启动终端，通过命令 node -v和npm -v 查看安装版本号。

查看安装版本

nvmw ls

使用其中一个版本node.js/io.js

nvmw use 7.8.0

查看当前node 版本

node -v

这里注意: 如果已经安装过 nodejs 请删除原有的node 环境变量.

在这里插入图片描述

请删除原有项目的 node_module

cnpm install

于立子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS 前端开发开发工具下载集成 NODE 版本管理软件 NVMW 浏览器推荐 (一)

Spring boot 2.0 前端开发 AngularJS1 安装node JS2
复制链接

扫一扫

专栏目录

AngularJS 前端开发 开发工具下载 集成 NODE 版本管理软件 NVMW 浏览器推荐 (一)

“相关推荐”对你有帮助么？

AngularJS 前端开发开发工具下载集成 NODE 版本管理软件 NVMW 浏览器推荐 (一)