npm入门

作者: 小7丁 | 来源:发表于2018-08-26 10:01 被阅读25次

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安装的文件会放到 dependencies
  • --save-dev安装的会放到 devDependencies

    dev是测试的功能

2. npm uninstall
卸载

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

  2. package.json


    npm的相应的方法
    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"
  }
}

npm run css:autoprefixer
npm start

相关文章

  • Node入门到入门(Windows)

    Node入门到入门(Windows) 安装NodeJS和NPM 1.安装NodeJS和NPM ​ 打开...

  • npm入门

    npm包管理器 如何使用 1. npm install npm install -g http-server -g...

  • npm入门

    一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...

  • NPM入门

    阮一峰教程npm官网 什么是npm? npm是Node的模块管理器,主要用于共享js代码和重复使用代码,便于更新你...

  • npm 入门

    要使用 npm 需要安装 node.js,因为 node.js 中会附带 npm 查看 node 的安装路径 查看...

  • Vue 入门之安装(Mac)

    Vue 入门之安装(Mac) Step 1 安装npm,npm全称为Node Package Manager,是一...

  • npm换源与入门

    前言 在WLS中下载安装node之后,需要进行npm换源处理,并重新入门npm。 npm换源 由于npm下载源在国...

  • 基于axios的网络封装

    一、安装axios利用npm安装npm install axios --saveaxios入门参考 二、新建一个j...

  • 08Vue.js快速入门-Vue综合实战项目

    8.1. 前置知识学习 npm 学习官方文档推荐资料npm入门npm介绍需要了解的知识点package.json文...

  • npm入门指南

    npm入门(node.js package manage) js的包管理 三大组成部分有网站界面可以搜索js包、管...

网友评论

    本文标题:npm入门

    本文链接:https://www.haomeiwen.com/subject/pvjniftx.html