2023-08-26 10:46:55

# nodejs与npm笔记

Node.js / vue / npm 相关笔记教程。

# nodejs安装

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。

1、下载软件

官方  https://nodejs.org/en/download/ 
参考  https://blog.csdn.net/qq_44894359/article/details/89283325 
教程  https://www.runoob.com/nodejs/nodejs-tutorial.html 
1
2
3

2、环境变量

NODE_HOME
D:\ProgramFiles\nodejs

PATH
%NODE_HOME%\;%NODE_HOME%\node_modules;%NODE_HOME%\node_global;

查看版本
node --version
npm -v

1
2
3
4
5
6
7
8
9
10

3、设置全局安装及缓存目录

npm config set prefix "D:\\ProgramFiles\\nodejs\node_global"
npm config set cache "D:\\ProgramFiles\\nodejs\node_cache"

查看配置列表
npm config ls

查看默认配置列表
npm config ls -l 

查看配置目录
npm root -g


设置镜像源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
安装模块
npm install -g vue
npm install express -g

简写
npm i vue  // i表示install

全局安装
npm i vue -g  // g表示global


使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装vue-cli
cnpm install --global vue-cli

-------------------------------

npm命令失效
https://blog.csdn.net/qq_39085705/article/details/81134453

找到  C:\Users\Super\.npmrc  (根据个人电脑找到 .npmrc文件)
删除 这个 .npmrc文件即可

重启 explorer.exe 即时生效环境变量
1,调出任务管理器:CTRL+ALT+DEL三键同时按;
2,在进程选项卡选中explorer.exe,点击下方的结束任务,确认;
3,在应用程序选项卡,最下面点新任务,输入explorer.exe,就是重启了explorer.exe.

-------------------------------

配置全局变量变量后,每次重启电脑node命令失效。
可将 默认目录下文件 C:\Users\x\.npmrc 复制到 安装目录 D:\ProgramFiles\nodejs\node_modules\npm\
重启电脑即可


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

# vue笔记

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue官网 (opens new window) 教程 (opens new window)

git项目 地址 demo
vue-manage-system 地址 (opens new window) 演示 (opens new window)
vue2-element-touzi-admin 地址 (opens new window) 演示 (opens new window)

# npm发包

npm 全称为 Node Package Manager,是一个基于 Node.js 的包管理器,也是整个 Node.js 社区最流行、支持的第三方模块最多的包管理器。

npm使用介绍 (opens new window) Webpack 入门教程 (opens new window)

NPM上发包
https://blog.csdn.net/weixin_43275638/article/details/84587061
https://www.cnblogs.com/s1118/p/9355315.html



1、注册npm
https://www.npmjs.com/~xushufa


2、设置镜像源
确保npm的源是本身的源 https://registry.npmjs.org

npm config set registry https://registry.npmjs.org
通过 npm config get registry 进行查询

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
3、终端登录账号
npm adduser

npm login


问题:
must use TLS 1.2 or higher
npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more information: https://github.blog/2021-08-23-npm-registry-deprecating-tls-1-0-tls-1-1/ npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more information: https://github.blog/2021-08-23-npm-registry-deprecating-tls-1-0-tls-1-1/ npm ERR! code E426

https://blog.csdn.net/Ricky__H/article/details/120673036
从2021年10月4日开始,所有与npm网站和npm注册表的连接(包括软件包安装)必须使用TLS 1.2或更高版本。

将npm镜像地址设为https的地址
npm config set registry https://registry.npmjs.org

运行以下命令支持TLS 1.2
npm install -g https://tls-test.npmjs.com/tls-test-1.0.0.tgz


4、发布

npm init

npm publish


问题:
-- Enter one-time password from your authenticator app
== 需要在邮箱接收验证码

-- verbose stack Error: 403 Forbidden - PUT https://registry.npmjs.org/mynotes - Package name too similar to existing package my-notes; try renaming your package to '@xushufa/mynotes' and publishing with 'npm publish --access=public' instead
== package.json文件中的 name 配置是npm依赖包名,不能和npm平台下的依赖包名重名,否则发布失败。



每次更新 package.json 里面的version的版本号。
再重新运行 npm publish 发布就可以。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
删除包
npm unpublish 包名@版本号  //指定删除包
npm unpublish 包名 --force //删除整个包


查看远程包
查看最新版本:
npm view xushufa version

查看所有的版本:
npm view xushufa versions
或者:
npm info xushufa

安装
npm i xushufa

配置淘宝镜像
npm config get registry
npm config set registry http://registry.npm.taobao.org/


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
cdn
https://www.jsdelivr.com/
https://cdn.jsdelivr.net/npm/xushufa-shu/yan/duo1-1000/0001大.jpg
https://cdn.jsdelivr.net/npm/xushufa-imgs/imgs/mingyue/2020/IMG_20210101_141310.jpg
https://cdn.jsdelivr.net/npm/xushufa-imgs@1.0.0/imgs/mingyue/2020/IMG_20210101_141310.jpg


地址
https://www.npmjs.com/~xushufa
https://www.npmjs.com/package/x-mynotes


1
2
3
4
5
6
7
8
9
10
11
12