一波三折，本应该从易到难才不会容易放弃，折腾了几天才回到正轨。终于结束了以普通引入javascript文件的方式学习的过程，现在搭建vue-cli脚手架，接触webpack，npm，nodejs，babel等等这些东西啦。

　　下面是安装vue-cli脚手架的一系列命令：

$ npm -v$ npm install vue-cli -g$ vue -V$ vue init webpack vuecliTest$ cd vuecliTest$ npm run dev

 　　搭建完成之后，首先要熟悉模板为webpack的目录工具。webpack配置相关按照技术胖说的，是放在dev-server.js（在build文件夹里边）文件里边，也许是版本的原因，我自己安装的是没有的。

　　参考链接：

（详情看链接，对于目录结构，看着视频会比较容易了解清楚。作于2018-09-06 13:23）

--------------------------------------------------------------------分割线------------------------------------------------------------------------------

时隔几个月，前端技术迭代很快，以上的构建脚手架的方法已经不完全适用，在用上述方法构建脚手架时，git bash中出现下面的错误：

vue-cli · Generated "toWhereWeb".# Installing project dependencies ...# ========================npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features!npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.

有待解决，如果有小伙伴知道解决方法，欢迎留言，感激不尽！！！

2019年3月25日23:20:27