高逼格初始化自己项目:npm上传自己的初始化环境(上传包)

  • Post author:
  • Post category:其他




前言


在工作的或者是平时自己写项目的时候,我们经常会使用配置好的脚手架,例如vue-cli或者是create-react-app等,这些包都是一个官方给的基础包,对于很多的内容还需要自己去配置填写。平时为了节省时间都是把其他项目的除node_module以外的文件夹全部复制,在拿过来改。现在跟大家分享一个

高逼格的方法

使用npm直接安装自己的包。



地址链接


npm官网地址:

npm官网


相关文章



node环境搭建(node安装、npm/cnpm & yarn/tyarn 缓存设置 与 镜像配置 )


在这里插入图片描述

文章适用于有一定node基础,并本地安装了node的同学。没有安装的可以点击这里

node环境搭建(node安装、npm/cnpm & yarn/tyarn 缓存设置 与 镜像配置 )



一、基础配置



1、注册

前往npm官网进行注册,如果已经有账号的可以不需要注册。



2、本地配置

1、在文件夹中win + r,输入cmd,进入到终端。

2、输入

npm login

,出现如下内容。

Username: 你在npm官网注册的用户名
Password:你在npm官网注册账号的密码(这里直接输就好了,密码是不见的。)
Email:你在npm官网绑定的邮箱

完成上述操作后,基本配置就可以了。



二、使用

  • 1、创建一个文件夹。
  • 2、在文件夹中打开终端。
  • 3、输入npm init,初始化一个包管理文件。
Last login: Tue Sep 17 20:37:27 on ttys007
fushuangyudeMacBook-Pro:test-package dm$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help json` for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name: (test-package)  //你创建的包的名称
version: (1.0.0) 	//包目前的版本号
description:    //包描述
entry point: (index.js)   //入口文件
test command:   
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/dm/npm插件/test-package/package.json:
{
  "name": "test-pack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
Is this OK? (yes) 

下面对上述package文件的属性做一个说明:

name – 包名称。

version – 包的版本号。

description – 包的描述。

homepage – 包的官网 url 。

author – 包的作者姓名。

contributors – 包的其他贡献者姓名。

dependencies – 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。

repository – 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

main – main 字段指定了程序的主入口文件,require(‘moduleName’)

就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

keywords – 在npm社区的搜索关键字

  • 4、若配置过npm镜像地址,需要把镜像地址切换到npm官网。(淘宝镜像只能拉去包)
//切换到npm官网
npm config set registry http://registry.npmjs.org

//切换到淘宝镜像
npm config set registry https://registry.npm.taobao.org
  • 5、在终端中输入

    npm push

完成上述操作就可以了。




总结


这里需要注意:上传包的时候npm地址必须是

npm官网地址

。完成上述操作后就可以完成我们自定义包的上传。



版权声明:本文为qq_46740017原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。