1.從github服務器上面獲取form-making的源代碼。
git clone https://github.com/GavinZhuLei/vue-form-making.git
2.進入項目的根目錄,使用npm或者yarn命令來安裝所需要的依賴包。
npm install 或者 yarn install
3.運行項目,可以在package.json文件中找到項目的運行命令。執行npm serve或者yarn serve命令,項目啟動之后用瀏覽器打開,就可以看到表單的編輯頁面(表示項目沒有問題)。
"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"build-bundle": "vue-cli-service build --target lib --name FormMaking ./src/index.js"
},
4.運行npm build-bundle 或者 yarn build-bundle命令進行打包。
5.在npm上面創建一個屬於自己的賬號
6.在終端執行npm login進行登錄,需要錄入賬號,密碼,郵箱。看到這個表示登錄成功。
7.發布之前可以先配置一下.npmignore 文件,忽略一些無用的文件(該文件在項目的根目錄下,沒有的話可以自己創建)
8.修改package.json中的項目名稱和版本號
9.接下來就可以執行npm publish進行發布操作,在其他的項目中引入該依賴包。
10.最后就是對於表單編輯器項目的源碼,根據自己的需求進行修改,然后打包發布循環操作。