为了账号安全,请及时绑定邮箱和手机立即绑定

npm入门

标签:
前端工具

npm包管理器

如何使用

1. npm install

npm install -g http-server

-g就是全局的意思 后面就是相应的包

npm init

会产生package.json

npm install --save axios
npm install --save-dev webpack

会把文件放到package.json(相关的信息和所需要安装的依赖都会放到这里,相当于种子的功能,告诉你需要下载什么)中



  • --save安装的文件会放到

    webp

    dependencies



  • --save-dev安装的会放到

    webp

    devDependencies


    dev是测试的功能

2. npm uninstall
卸载

  1. 用.gitignore中写node_modules可以使得上传git的时候不上传这个文件夹

  2. package.json


    webp

    npm的相应的方法


    webp

    npm start就会启动http-server

  3. 如果速度慢的时候

  1. npm install -g xxx --registry=https: //registry.npm.taobao.org

nrm一个快速切换源版本的工具

  1. npm install -g nrm
    nrm ls
    nrm use taobao
    nrm use npm

  1. n stable 查看最新版本
    sudo n stable
    下载一个最新的版本

  2. yarn

npm script

{  "scripts": {    "css:autoprefixer": "postcss -u autoprefixer -r dist/css/*",    "css:compress": "csso in.css --output out.css",    "js:lint": "eslint src/js",    "js:uglify": "mkdir -p dist/js && uglifyjs src/js/*.js -m -o dist/js/app.js",    "image:imagemin": "app=imagemin-cli npm run check; imagemin src/images dist/images -p",    "server": "browser-sync start --server --files 'dist/css/*.css, dist/js/*.js'",    "watch": "onchange 'src/js/*.js' -- npm run css:compress",    "start": "npm run server"
  }
}



作者:徐金俊
链接:https://www.jianshu.com/p/2aea7fd9054b


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消