搭建Vue項目及cannot-find-module-webpack-bin-config-yargs報錯問題解決

1、先下載node npm

2、下載VScode（我們用VScode編輯器）

3、終端進入項目文件夾下(可能需要獲取管理員權限sudo)

       npm install vue-cli -g 、 vue init webpack vue-demo（vue-demo是項目的名字）

4、第一次寫項目需要Vue init webpack 新建項目

     第二次及第N次就直接npm install就可以了

5、運行項目 npm run dev,輸入http://localhost:8080?(不確定是不是這個) 進入主頁就可以了

 

注： 

      npm install 和 npm run dev 可能會出現報錯的情況

      如：cannot-find-module-webpack-bin-config-yargs

      這可能是因爲webpack 和 webpack-dev-server 不兼容導致的，可以更換下版本，命令 npm install [email protected] -g.

      我項目中用的版本是（當然，這個版本可能比較落後了，想要新的穩定版本介意參考下webpack官網例子，上面有demo）

             "webpack": "3.10.0",      （主要）

            "webpack-bundle-analyzer": "^2.9.0",

            "webpack-cli": "^3.1.2",

            "webpack-dev-server": "2.7.1",   （主要）

           "webpack-merge": "^4.1.0"