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
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
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
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
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
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
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
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
2
3
4
5
6
7
8
9
10
11
12