[笔记] 从 Vue CLI 3 开始建立规模化专案

章节连结

用 Vue CLI 3,可以快速的建立一个 Vue 专案。虽说是方便,但要能够规模化的管理 vuex, scss, vue-router 等等档案,还是要自己手动新增 / 删除一些东西。这边笔记下自己最新整理出的架构规划。
vue.js logo vue


事前准备

1. 安装好 Node.js ,毕竟这 Vue CLI 套件工具是建立在 Node.js 上的
2. 确认是否安装成功,可以用 vue –version 来确认

基本选项安装

这回的专案会用到 vuex, vue-router, SCSS, Linter / Formatter。这些可以在 create 专案时,一并下载并安装完毕。

专案结构

一些细部档案设定


参考资料

1. Vue CLI 3 安装与使用教学
2. Vue cli 3 hot reload suddenly not working in browsers

按赞加入粉丝团

延伸阅读