搭建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"