前端依赖包管理-bower
下面的内容浅显易懂,适合初级前端工程师观看
此篇主要内容是讲,如何使用WebStorm控制台下载、删除依赖包,和npm,bower一些指令的使用方法。
学习这篇文章前,需要将node.js先安装好。
地址:http://nodejs.cn/
一般来说前端开发工作中,或多或少会用到一些依赖包,以前的开发人员如果要用的话,就得到网上到处找,然后下各种插件,极大浪费了时间,并且删除的时候也麻烦。
后来twitter推出了bower,它主要是一个包管理工具,简单来说就是一个静态资源共享平台。前端需要用到的插件基本都可以在里面下载,这就极大方便了开发。
于是我们就从下载bower开始吧。
1.打开WS,点击图中标记处,打开控制台
2.输入npm install -g bower 敲回车
npm nodejs安装包管理器
install 安装
-g 全局(安装)
bower 依赖包的名称
[问题:开始我打 npm install -g bower 的时候 说 npm command not found !
回答:都说了要装node.js才能往下学习啦!!!]
这是我输入以后控制台返回的信息
意思是我已经安装过了,所以我现在需要把它删除,然后重新下
这里插一下删除安装包的方法
3.输入npm rm -g bower (这样我的bower就被删除了)
rm remove(移除)的意思
然后我再重新步骤1(重复部分就不上图了)完成后,输入bower init
会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json
文件,用来保存该项目的配置。
然后bower就安装好了!
下面就可以开始下安装包了,比如人见人夸的angular
angular我已经下过了,
所以还是老办法,我得先删除,所以先看看怎么删除依赖包
--save 意思就是要将这个文件连同json文件中的也一起删干净,不然下次你重载bower它可是还会回来的!
下面便是我的json文件,可以看出我的依赖包只有jQuery和select2,没有angular,说明删干净了噢!
现在开始下载angular
控制台输入bower install --save angular ,如图,这样angular就下好了。
--save (将它加入到json文件中)
若是对bower 和 insta指令很感兴趣。可以在控制台中输入bower i -h或npm i -h,会出现很多指令的使用方法,供你参考学习。
D:\开发\WebstormProjects\demo>bower i -h
Usage:
bower install [<options>]
bower install <endpoint> [<endpoint> ..] [<options>]
Options:
-F, --force-latest Force latest version on conflict
-f, --force If dependencies are installed, it reinstalls all installed components. It also forces installation even when there are non-bower directories with the same name in the components directory. Also bypasses
the cache and overwrites to the cache anyway.
-h, --help Show this help message
-p, --production Do not install project devDependencies
-S, --save Save installed packages into the project's bower.json dependencies
-D, --save-dev Save installed packages into the project's bower.json devDependencies
-E, --save-exact Configure installed packages with an exact version rather than semver
Additionally all global options listed in 'bower help' are available
Description:
Installs the project dependencies or a specific set of endpoints.
Endpoints can have multiple forms:
- <source>
- <source>#<target>
- <name>=<source>#<target>
Where:
- <source> is a package URL, physical location or registry name
- <target> is a valid range, commit, branch, etc.
- <name> is the name it should have locally.
D:\开发\WebstormProjects\demo>npm i -h
npm install (with no args, in package dir)
npm install [<@scope>/]<pkg>
npm install [<@scope>/]<pkg>@<tag>
npm install [<@scope>/]<pkg>@<version>
npm install [<@scope>/]<pkg>@<version range>
npm install <folder>
npm install <tarball file>
npm install <tarball url>
npm install <git:// url>
npm install <github username>/<github project>
alias: npm i
common options: [--save|--save-dev|--save-optional] [--save-exact]
D:\开发\WebstormProjects\demo>
转载于:https://www.cnblogs.com/margarita/p/5222458.html
前端依赖包管理-bower相关推荐
- ❤️《大前端—NPM包管理器》
<大前端-NPM包管理器> 1.简介 官方网站:https://www.npmjs.com/ NPM全称Node Package Manager,是Node.js包管理工具,是全球 ...
- Go 语言编程 — go mod 依赖包管理
目录 文章目录 目录 go mod 依赖包管理 使用 go mod go mod 的子指令 go mod 依赖包管理 Golang 将 Modules(模块)定义为 "源代码交付和版本控制的 ...
- 正在或即将被使用的Go依赖包管理方法:Go Modules,Go 1.13的标准特性
公众号原文地址:https://mp.weixin.qq.com/s/SGGV3tWEg5AAJ7I_FcK0cg 目录 目录 说明 初始化 依赖包的默认导入 依赖包的特定版本导入 查看已添加依赖 依 ...
- Cocoa依赖包管理工具
Carthage iOS 作为目前最大的移动端开发平台,开发者的生态环境也是非常繁荣.在 iOS 早期时候,开发者想要使用第三方库就必须将其源代码引入工程,或者说是以 git submodule 的形 ...
- Go Modules依赖包管理与Go Modules实战
目录 Go Modules依赖包管理 Go Modules 简介 Go 包管理的历史 Go1.5 版本前:GOPATH Go1.5 版本:Vendoring "百花齐放":多种 G ...
- Golang学习笔记之依赖包管理工具gvt
一.gvt概念 gvt全称为Go vendoring tool,可译为Go供应工具,或者意译为Go依赖包依赖包工具,whatever~~,简单来说就是可以方便的获取.更新.删除项目所依赖的工具包,这个 ...
- Go (Golang) 工具之依赖包管理工具goimports | Go语言规范-import规范(导入)排序 |GoLand:设置gofmt与goimports,保存时自动格式化代码
文章目录 Go (Golang) 工具之依赖包管理工具goimports Go语言规范-import(导入)排序 什么是goimports 安装和使用 Golang 使用goimports unrec ...
- 前端工程化-包管理工具npm-yarn-cnpm-pnpm详细介绍以及如何选择
文章目录 包管理工具详解 npm包管理工具 1.代码共享的方案 2.npm包管理工具介绍 3.npm的配置文件 常见配置文件 常见配置文件属性 版本号的说明 4.npm install npm ins ...
- Golang 依赖包管理工具---glide
安装glide $ go get github.com/Masterminds/glide $ go install github.com/Masterminds/glide 验证 $ glide N ...
最新文章
- TensorRT Samples: MNIST API
- 接口 500_Yamaha Sonogenic SHS-500肩背键盘 全方位测评
- centOS7 安装mysql 设置远程访问
- Cortex M3 NVIC与中断控制
- 加速你的IDE !!!送9个固态硬盘(金士顿240G SSD)
- linux中网卡的流量怎么通过c语言获取_用Python获取计算机网卡信息
- mysql 外键和事务,MySQL-约束和事务
- [论文写作] vscode + latex
- kafaka的消息存储机制
- bug篇——mysql版本不支持group by分组
- 视频教程-Photoshop零基础快速入门及PS照片抠图修饰技巧-Photoshop
- 如何在香港主机上尽可能多的建站
- FreeBSD开发手册(一)
- 【力扣(LeetCode)】【C/C++】【19.删除链表的倒数第 N 个结点】
- ZLG 开源 GUI 引擎 AWTK 1.6 发布
- 为什么每个团队中,总有猪队友?
- Linux-Postfix+Dovecot+Postfixadmin+Roundcubemail 搭建邮件服务器管理系统(一)
- 最大数max(x,y,z)
- (RPA学习)——换个思路做流程员工打卡问题处理
- 平均薪资28K,前端开发的涨薪史,看哭了...
热门文章
- java sql inj_Java防止SQL注入的几个途径
- m与n的数字运算python_M与N的数学运算
- hadoop搭建_阿里云搭建Hadoop集群
- groovy 和 java的区别_Groovy和JAVA的区别
- 解决一个输入框可输入多个条件进行查询时,后端该怎么接收参数以及SQL语句如何写
- 9.Java 面试题整理(UML 方面 )
- 2021大数据1班《Python程序设计基础》学生学期总结
- 《天天数学》连载24:一月二十四日
- 安卓学习笔记11:常用布局 - 网格布局
- Java实训项目12:GUI学生信息管理系统 - 实现步骤 - 创建服务接口实现类