NodeJs 在window中安装使用

小鱼儿 2021-11-22 03:42 346阅读 0赞

**Nodejs:**

官网下载长期版本zip格式解压

D:\Program Files\nodejs

查看版本

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

D:\Git\SpringBootDemo (master)                                                                                          
    $ node -v                                                                                                               
    v8.11.2                                                                                                                 
                                                                                                                            
    D:\Git\SpringBootDemo (master)                                                                                          
    $ npm -v                                                                                                                
    5.6.0

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

在此路径下建两个文件夹node\_global和node\_cache

**更改npm全局模块和cache默认安装位置**

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

D:\Git\SpringBootDemo (master)                                                                                          
    $  npm config set prefix "D:\Program Files\nodejs\node_global"                                                          
                                                                                                                            
    D:\Git\SpringBootDemo (master)                                                                                          
    $  npm config set cache "D:\Program Files\nodejs\node_cache"                                                            
                                                                                                                            
    D:\Git\SpringBootDemo (master)                                                                                          
    $  npm config get prefix                                                                                                
    D:\Program Files\nodejs\node_global                                                                                     
                                                                                                                            
    D:\Git\SpringBootDemo (master)                                                                                          
    $ npm config get cache                                                                                                  
    D:\Program Files\nodejs\node_cache

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

添加系统变量：

Path添加：

D:\Program Files\nodejs
    D:\Program Files\nodejs\node_global

添加NODE\_PATH

D:\Program Files\nodejs\node_global\node_modules

淘宝镜像：

D:\Program Files
    $ npm config set registry https://registry.npm.taobao.org
    
    D:\Program Files
    $ npm config get registry
    https://registry.npm.taobao.org/

通过cnpm使用：

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

D:\Program Files
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
    D:\Program Files\nodejs\node_global\cnpm -> D:\Program Files\nodejs\node_global\node_modules\cnpm\bin\cnpm
    + cnpm@6.0.0
    added 917 packages in 35.536s
    
    D:\Program Files
    $ cnpm config get registry
    https://registry.npm.taobao.org/

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

安装最常用express模块：

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

D:\Git\SpringBootDemo (master)                                                                                          
    $ npm install express -g                                                                                                
    + express@4.16.3                                                                                                        
    added 50 packages in 6.291s                                                                                             
                                                                                                                            
    D:\Git\SpringBootDemo (master)                                                                                          
    $ npm root -g                                                                                                           
    D:\Program Files\nodejs\node_global\node_modules

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

安装vue脚手架：

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

D:\Program Files
    $ npm install --global vue-cli
    npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
    D:\Program Files\nodejs\node_global\vue -> D:\Program Files\nodejs\node_global\node_modules\vue-cli\bin\vue
    D:\Program Files\nodejs\node_global\vue-list -> D:\Program Files\nodejs\node_global\node_modules\vue-cli\bin\vue-list
    D:\Program Files\nodejs\node_global\vue-init -> D:\Program Files\nodejs\node_global\node_modules\vue-cli\bin\vue-init
    + vue-cli@2.9.6
    added 252 packages in 19.487s
    
    D:\Program Files
    $ vue -V
    2.9.6

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

[![aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNDQzOTM0LzIwMTgwNi80NDM5MzQtMjAxODA2MDYwOTE4NDAzNzUtMjc2NTU4MzIxLnBuZw][]][aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNDQzOTM0LzIwMTgwNi80NDM5MzQtMjAxODA2MDYwOTE4NDAzNzUtMjc2NTU4MzIxLnBuZw 1]

安装vue-cli脚手架构建工具  
vue-cli 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

$ npm install vue-cli -g

安装webpack

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

npm install webpack -g
     
     One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
     - webpack-cli (https://github.com/webpack/webpack-cli)
       The original webpack full-featured CLI.
     - webpack-command (https://github.com/webpack-contrib/webpack-command)
       A lightweight, opinionated webpack CLI.
    We will use "npm" to install the CLI via "npm install -D".
    Which one do you like to install (webpack-cli/webpack-command):
    
    npm install webpack-cli -g

[![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]

开始安装webpack提示必须安装webpack-cli，然后再次安装webpack-cli

D:\Git
    $ webpack -v
    4.11.0

[https://nodejs.org/zh-cn/download/][https_nodejs.org_zh-cn_download]

[https://blog.csdn.net/henery\_002/article/details/78016575][https_blog.csdn.net_henery_002_article_details_78016575]

[http://www.cnblogs.com/PeunZhang/p/5629329.html][http_www.cnblogs.com_PeunZhang_p_5629329.html]

[https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001470969077294a6455fc9cd1f48b69f82cd05e7fa9b40000][https_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000_001470969077294a6455fc9cd1f48b69f82cd05e7fa9b40000]

[https://my.oschina.net/summerdays/blog/835233][https_my.oschina.net_summerdays_blog_835233]

[https://segmentfault.com/a/1190000007998600][https_segmentfault.com_a_1190000007998600]

[https://www.cnblogs.com/weiqinl/p/7503123.html][https_www.cnblogs.com_weiqinl_p_7503123.html]

作者：[hongda][]

出处：[https://www.cnblogs.com/hongdada/p/9141368.html][https_www.cnblogs.com_hongdada_p_9141368.html]

版权：本站使用「[署名 4.0 国际][4.0]」创作共享协议，转载请在文章明显位置注明作者及出处。

[aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg
[aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg 1]: /images/20211122/e5b08bbc3706430f9e6eae4c2431ae1d.png
[aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNDQzOTM0LzIwMTgwNi80NDM5MzQtMjAxODA2MDYwOTE4NDAzNzUtMjc2NTU4MzIxLnBuZw]: /images/20211122/d5b9efd5a7a546d798b2615d9565cdfe.png
[aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNDQzOTM0LzIwMTgwNi80NDM5MzQtMjAxODA2MDYwOTE4NDAzNzUtMjc2NTU4MzIxLnBuZw 1]: https://images2018.cnblogs.com/blog/443934/201806/443934-20180606091840375-276558321.png
[https_nodejs.org_zh-cn_download]: https://nodejs.org/zh-cn/download/
[https_blog.csdn.net_henery_002_article_details_78016575]: https://blog.csdn.net/henery_002/article/details/78016575
[http_www.cnblogs.com_PeunZhang_p_5629329.html]: http://www.cnblogs.com/PeunZhang/p/5629329.html
[https_www.liaoxuefeng.com_wiki_001434446689867b27157e896e74d51a89c25cc8b43bdb3000_001470969077294a6455fc9cd1f48b69f82cd05e7fa9b40000]: https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001470969077294a6455fc9cd1f48b69f82cd05e7fa9b40000
[https_my.oschina.net_summerdays_blog_835233]: https://my.oschina.net/summerdays/blog/835233
[https_segmentfault.com_a_1190000007998600]: https://segmentfault.com/a/1190000007998600
[https_www.cnblogs.com_weiqinl_p_7503123.html]: https://www.cnblogs.com/weiqinl/p/7503123.html
[hongda]: https://www.cnblogs.com/hongdada/
[https_www.cnblogs.com_hongdada_p_9141368.html]: https://www.cnblogs.com/hongdada/p/9141368.html
[4.0]: https://creativecommons.org/licenses/by/4.0