1.区分npm -S -D
- 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:
- --save-dev 简写-D
-
--save 简写-S
- 在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --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 --access public
npm 的有一些命令,还是要多看API!!后面补上!!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。