NPM安装包遇到的坑！

1.区分npm -S -D

• 我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：
• &＃8211;save-dev 简写-D

• &＃8211;save 简写-S

  • 在 package.json 文件里面提现出来的区别就是，使用 &＃8211;save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 &＃8211;save 安装的插件，责被写入到 dependencies 对象里面去。
  • 那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？
  • devDependencies 里面的插件只用于开发环境，不用于生产环境，而 dependencies 是需要发布到生产环境的。
  • devDependencies 就是不是主文件依赖。放在开发环境即可
  • dependencies 主文件依赖，比如vue vue-router

2.Npm 切换源

默认源

npm config set registry https://registry.npmjs.org

https -> http，这样网速就会好很多

npm config set registry http://registry.npmjs.org

如果还不能下载，就切换成淘宝源

npm config set registry https://registry.npm.taobao.org

Npm 安装包到对应的目录中(也就是在package.json)， 在name 里面填写对应的路径地址,同时需要配置好入口文件

"name": "@plugin-private/plugins-npm"
"main": "src/index.js"

3.1. 注册一个npm账号。当然啦，你还需要有自己的工程嘛

• 目前几乎都是vue 项目，就先用一个vue-cli搭建一个项目。简单写几个插件，先做试水啦～～～
• 同时需要更改 webpack.base.conf.js =>

entry: {
app: './src/main.js' //这里配置入口文件地址
},

4.开始发布创建好的包

• 使用终端命令行

如果是第一次发布包，执行以下命令，然后输入前面注册好的NPM账号，密码和邮箱，将提示创建成功

npm adduser

• 这里可能会遇到的问题就是，npm的源不是默认源，这个需要你手动变更。请看2.

-如果不是第一次发布包，执行以下命令进行登录，同样输入NPM账号，密码和邮箱

npm login

• 注意：npm adduser成功的时候默认你已经登陆了，所以不需要再进行npm login了
• 接着先进入项目文件夹下，然后输入以下命令进行发布

npm publish


• 这里需要注意的地方是，如何更改路径，

  • 在 package.json里面配置好路径
  • 执行 npm publish &＃8211;access public

npm 的有一些命令，还是要多看API！！后面补上！！