包管理
:npm cnpm yarn
Node Package Manager node的包管理工具
cls清除控制台
npm install jquery 下载依赖包 就自动下载最新版本的jq
npm install jquery@3.0.0 下载指定版本
功能:1、下载东西
2、npm help可以查看npm的命令
3、常用命令:npm install 名字 安装
:npm uninstall 名字 卸载
:
npm 上传自己的模块
1:登录用户 npmjs.com
2:npm adduser
3: 如果已经注册过 npm login
4: 检查是否登录 npm whoami
5: 上传一个包要建立一个package npm init --yes
6: publish上传 npm publish 真正发布的时候会有一个README
7: 再次发布一次 必须要加版本号
8: npm unpublish test233 --force 强制删除
9: npm upgrade 升级
当下载的东西多了:
npm install jquery --save 依赖 dependencies 方便以后用
npm install jquery --dev 开发依赖 发布后不需要的
npm install jquery -g 全局安装,在哪都能用
packjson中版本号
v1.x ====1.x的所有版本都要
>v
>=v
<v
<=v
^兼容版本
~v 近似版本
* 任何版本
npm install -g 全局安装,只要安装一次,整个机器都可以用,
example:
npm -g install gulp
packagejson:
1:engines nodejs引擎
2:scripts 执行里面key--- npm run test 会执行里面的value
3:npm start 启动 npm stop 关闭 npm restart 重启 npm test 开发阶段:,不能自定义命令,可以在help中查看
4:files----文件,比如package中 "files":["lib","README.MD"] 上传数据中的这些文件
cnpm 可以自己搭建一个类似git的仓库
淘宝镜像:
1:npm install -g cnpm --registry=https://registry.npm.taobao.org
2:用法和npm的是一样的。 但是publish是不能往npm上传的
yarn:
1:快,
2:缓存
3:yarnpkg.com下载yarn
4:yarn 就安装packagejson的东西
5:生成一个yarn.lock file
6: yarn add jquery ==== npm install jquery --save
7: yarn upgrade
8: yarn remove 包
8:
exi推出控制台
browserify
node.js打包,给前台用,模块化开发要加 ./ 路径当前目录
browerify 要编译的js文件 > 结果文件
在公司做页面可以用
browser-sync
同步----多端、源码和页面
browser-sync start --server
browser-sync start --server --files "*" 监视所有文件
两个窗口滚动会同时滚动 基于websocket 可以同时打开移动端和pc端
Local:http://localhost:3000
External:http://shenme dongxi:3000 手机测试的
UI:http://localhost:3001 borwser-syncUI 管理当前borwser-sync
local:
Remote Debug 可以打开 Remote Debugger 测试手机端
点到顶端的Elements选项卡上,就会看到微信浏览器里网页的HTML结构。鼠标移动到.box的div上的时候,微信浏览器里的相应的元素就会高亮起来