新的工作需要從頭開始搭建專案
而且前端只有我乙個人
迫於無奈開始自己踩坑的過程
到現在也算是小有成就
一下分享為純小白高階版教程和經驗整理，大神們如果看到的話請一定要提出意見，謝謝
此教程基於 vue-cli & webpack 一鍵構建過程遇到的各種坑和相關解決辦法
這個就不用說了吧，自己動手安裝node環境，git，自己安裝webstorm
為啥要用webstorm
因為我想用（……）
開玩笑啦
因為最近用起來發現，webstorm可以一鍵修改檔案路徑！！！意思是你修改乙個檔案的名字的時候，他會自動給你的整個專案進行重構！！！棒不棒！！！這對於我這種小白來說真的是太棒了！！！
當然它的優點不止這些啦，反正我用了以後開始拋棄vscode，唯一的缺點可能就是它要錢吧……但是我們公司是給買的啦，不能買的可以參考破解方案
當然你不想用也是可以的啦~~~
全域性安裝，vue webpack vue-cli
怎麼安裝請去看文件好嗎
重點來了！！！！
如果你，想後期使用前端自動化測試的功能
請看接下來的血的教訓！！！！
你要是不想用
也建議你看啦
反正我感覺這一步就算操作了，後期你不用，也沒啥壞處？？？
再說了萬一你後面就想用了呢~~~
然後我後面就遇到了，不可逆轉的坑
以下為重點
修改 chromedriver 安裝路徑
因為這個東西安裝不成功，那麼執行 cli 的時候就會報錯
那麼目錄就不健全，這個後期你再修改我是沒找到解決辦法
只能一開始就解決
解決方法就是命令列執行
npm install chromedriver --chromedriver_cdnurl=vue init webpack test這裡直接回車，它在問你是安裝cli的所有東西呢，還是安基礎功能以後你自己再新增呢
我建議你直接回車
你說說你這後期短東西了，還得再查東查西
不如現在就自覺一點
全安上好吧
然後問你要不要安裝router啊，eslint啊，**風格要啥啊，你就一路y就ok了
**風格我也是直接選的第乙個standard
我是這樣理解的
先不說這幾個選項哪個好
但是它既然是預設選項
就肯定有它的道理對吧
順便推薦乙個截圖軟體，賊拉好用，可以直接截圖直接貼圖在當前螢幕
然後他會問你要不要安裝test，這個就是測試外掛程式啦，剛剛咱們安裝的chromedriver 派上了用場！！！！如果剛剛嚴格按照我的諄諄教誨來走，這個時候你會發現，它！！不！！會！！報！！錯！！
否則他會給你講它找不到chromedriver 讓你自己裝！！！
你這自己咋裝！！
那多麻煩啊！！！
然後你就一路回車，就開始裝啦
裝好以後你的目錄長介樣
首先說說大家都是幹啥的
哎好多啊
懶得寫了
我貼個圖你們自己看吧好吧
其中src資料夾下的一些資料夾是我給自己專案設定的目錄
還有static我修改了一下
我感覺這樣會方便一些
我感覺還是可以的啦，自我感覺很棒棒
然後其中src/下有個store資料夾
這個裡面是vuex的一些相關配置
vuex是乙個，狀態管理外掛程式
我的理解就是，把整個專案最經常會用到的變數，用這個來統一管理
具體安裝辦法和使用說明請看
然後到現在專案就算搭建完成啦~~~
剩下的就是一些小零碎了
值得一提的是我最近在搞自動化測試
但是發現國內這個文件好少啊……英文文件又看不懂
準備好好磕一下，然後分享給大家
拜拜~~~
發現碰到問題一定不要著急
總會找到解決的辦法噠~~~
加油~~~~
專案經驗分享
這是我經歷的第二個專案，這個專案相對於第乙個專案dzpay相對較簡單，介紹 第乙個專案名稱 dzpay。大宗商品交易，類似某寶 這次主要總結我測試billbank的一些個人經歷 測試第一要義就是要詳讀產品需求，產品需求中有哪些模組，每個模組中又有哪些子模組，每個模組以及子模組對應的需求點都要搞清楚。...
專案經驗分享
color cyan dh師兄的經驗分享 color color olive 就在公司工作的經驗，針對shopxx專案的交流。color color darkblue 1.乙個專案，要先分出模組來。不要把所有功能都寫在乙個模組裡。如果這樣的話，專案會變得非常臃腫，模組間的耦合性太強，維護起來很困難。...
專案經驗分享
最近一直在想自己在專案中的一些得失，在每乙個專案結束都要問自己一下 這個專案中自己獲得哪些成長，下次是不是可以做到更好。長期的專案過程往往會讓人陷入一種思維的定式 好像每個專案的工作都一樣，這樣很容易進入一種比較消極的狀態，會忘記自己曾經給自己設定的目標。以前看過這樣乙個問題 什麼才算得上有效經驗？...