1-10是開發流程,后面的是發布流程
1. 在Git里面…新建項目
2. 克隆項目到本地用來開發
git clone https://github.com/***/vue-prevent-browser-back.git
3. 運行命令行,初始化項目,生成package.json
npm init –y
4. npm install 安裝包
5. 在安裝vue-cli的情況下執行
vue-init webpack-simple創建項目結構
6. 刪除多余文件 index.html清空src文件夾內容
7. 把插件內容復制到src
8. 修改package.json配置內容
9. 修改webpack.config.js的output部分配置
10. 打包輸出插件 npm run build
有的插件不需要打包直接把代碼復制到dist文件就好了
11. 去注冊npm賬號
12. 發布前要配置要發布的內容,要不會把各種亂七八糟的文件都發布了
a. 使用 .npmignore 設置忽略哪些文件
如果項目沒有使用 git或者 沒有 .gitignore 文件, 那么可以添加 .npmignore 文件來設置忽略哪些文件,.npmignore 的寫法跟 .gitignore 的規則完全一樣。 需要注意的是如果同時使用了 .npmignore 和 .gitignore 的話, 只有 .npmignore 會生效, 優先級比較高。
b. 使用 package.json 的 files 字段選擇發布哪些文件
上面兩種方式都是設置忽略哪些文件, 有時可能只想發布編譯打包后的幾個文件或者目錄, 如果按照上面的設置會很麻煩, 這是可以直接在 package.json 中 files 字段設置發布哪些文件或目錄, 這樣的話, 只有這些目錄或文件才會被publish.
同時需要說明的是這里的優先級是高於 .npmignore 和 .gitignore 的。
c. npm默認帶了一些規則
除了上面的規則外, npm還有一些內置的規則,會被自動忽略的文件有
node_modules下的所有文件也會被忽略。另外還有一部分文件會被包含, 即便設置忽略也無效, 這些文件有
黑名單模式:.npmignore文件,沒有.npmignore情況下使用.gitignore文件。
白名單模式:package.json里邊配置files字段
13. 發布 先登錄 然后版本號必須跟之前發布的不一樣才可以
14. 登錄npm: npm login
15. 發布:npm publish
遇到的問題:
1. npm ERR! you must verify your email before publishing a new package: https:/
就是沒有通過驗證就發包 結果報錯了
得通過郵件驗證下
2 . npm err You must be logged in to publish packages. : vue-prevent-browser-back
解決:包名被占用,package.json改一個。