一波三折,本应该从易到难才不会容易放弃,折腾了几天才回到正轨。终于结束了以普通引入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文件夹里边)文件里边,也许是版本的原因,我自己安装的是没有的。
参考链接:http://jspang.com/post/vue-cli2.html
(详情看链接,对于目录结构,看着视频会比较容易了解清楚。作于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