NPM入门笔记

jifei 发布于2019-08-20 13:54 / 2608人阅读

摘要：参考资料网上普遍都是命令行的使用入门教程对于各种概念不解释好不容易找到一个国外的但是国内因为墙的问题连不上服务器所以还需要一个国内镜像是啥基于运行软件模块管理工具软件包工具对应我这个来说有点类似于现在普遍用于前端项目的管理主要是各种依赖库的

参考资料

网上普遍都是命令行的使用入门教程, 对于各种概念不解释,好不容易找到一个国外的:https://www.sitepoint.com/beg...

但是国内因为墙的问题, 连不上服务器, 所以还需要一个国内镜像:http://ju.outofmemory.cn/entr...

NPM是啥

基于Nodejs运行

软件模块管理工具(软件包工具), 对应我这个Javaer来说,有点类似于Maven

现在普遍用于web前端项目的管理, 主要是各种依赖库的管理

命令行形式运行

安装 安装Node

https://nodejs.org/en/download/

速度非常快,完全不像国外的网站

windows, linux, 32/65bit, 各个版本齐全

验证成功:
node --version

Node命令的语法跟通常有点不同, 首先,参数都是加两个-的, 其次, 命令以.开头,比如:

$ node
> console.log("Node is running");
Node is running
> .help
.break Sometimes you get stuck, this gets you out
.clear Alias for .break
.exit  Exit the repl
.help  Show repl options
.load  Load JS from a file into the REPL session
.save  Save all evaluated commands in this REPL session to a file> .exit

安装NPM

Node装完以后, npm连带着就装上了, 可以直接验证
$ npm --version

安装软件包

教程里关于默认位置和参数的修改,就直接跳过了, 先尝试使用

先尝试简单的安装
npm install uglify-js --global

发现默认源安装好慢，简直无法容忍，还是换一个吧,淘宝有国内镜像：
https://npm.taobao.org/
安装方式：
npm install -g cnpm --registry=https://registry.npm.taobao.org
以后就使用cnpm来代替npm了

再次尝试原来的命令
cnpm install uglify-js --global
迅速完成

本地安装: npm最好的地方在于, 缺省情况下(不带--global参数), 是安装到本地文件夹的.
npm install underscore

查看本地安装包: npm list

发现cnpm不是万能的, 刚才的underscore就,没有, 拿Vue来练手倒是成功了
npm install vue

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81306.html

webpack入门学习手记（二）

摘要：例如现在的入门学习手记系列。收到粉丝留言和打赏的喜悦。安装上一篇入门学习手记一，主要是介绍了的核心概念，是整个学习过程的基础知识。新生成的类似如下入门学习手记因为生成的内容过多，我直接省略掉了。 showImg(https://segmentfault.com/img/bVbk5Nd?w=1150&h=599); 本人微信公众号：前端修炼之路，欢迎关注。最近开始想要维护一个个人的公众...

Joyven 2019-08-23 14:05 评论0 收藏0
webpack 实践笔记（一）--- 入门

摘要：实践笔记入门一官网文档地址实践工程地址本篇文章可切换到分支查看源代码。简单分步实践创建一个空文件夹，进入全局安装创建文件创建执行命令这个时候项目中多了一个文件，使用标签将其引入到中在浏览器中打开文件，页面出现文字。 webpack 实践笔记入门（一） [webpack官网文档地址]:（http://webpack.github.io/docs...） [实践工程地址]: (https:...

bergwhite 2019-08-20 11:03 评论0 收藏0
ES6入门笔记（一）

摘要：用声明的常量无法在后面的代码中改值。表达式里还有一个很方便的就是表达式，举个例子运行结果为后声明的里以数组的形式存放了函数的剩余参数，是不是很方便。 ES6入门笔记（一）安装babel 由于浏览器对ES6的支持还不是很好，编写ES6代码前我们要安装一个babel工具将ES6代码编译成ES5代码，用如下命令安装babel： npm install -g babel-core ...

warkiz 2019-08-19 18:11 评论0 收藏0
Thinkjs3入门笔记一：添加一个新的页面

摘要：本文帮助你往中添加一个新的页面，没有原理描述，只提供一个感性认识。首先需要一个项目我们创建一个叫做的项目所有选项一路确认即可在该目录下通过命令向项目添加模块通过命令行工具，添加模块的控制器文件。感性认识命令行工具可以用来做很多事情。本文帮助你往Thinkjs3中添加一个新的页面，没有原理描述，只提供一个感性认识。首先需要一个Thinkjs3项目我们创建一个叫做fuck的项目 $ ...

oujie 2019-08-02 15:59 评论0 收藏0