搭建vue-cli脚手架

  一波三折,本应该从易到难才不会容易放弃,折腾了几天才回到正轨。终于结束了以普通引入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

  

posted on 2018-09-06 13:23  云点西西  阅读(190)  评论(0编辑  收藏  举报

导航