vue脚手架
接触了vue之后听说了一个词---脚手架。
建筑行业的脚手架如图
百度以后个人理解,开发的脚手架则是为了快速开发新项目而搭建的基本目录结构以及所必须的配置文件。
是开发之前把必须有的配置文件,依赖文件通过vue-cli都自动生成好,然后开发的时候只需要添加那些需要的东西。
自动生成既降低了错误发生的可能性,还节省时间。
vue脚手架搭建项目具体步骤:(以有node环境,会用npm包管理工具为基础)
(1)安装vue-cli。运行npm install -g vue-cli
(2)运行npm install -g @vue/cli
(3)vue init webpack demo01(自定义项目名称),一切正常的话应该出现如下图
运行vue init webpack demo01和vue create demo的一个区别就是前者并非默认就把依赖包下载好,是上图最后一个提示的时候自己选择的,可以选择立即下载依赖包,也可以不选择稍后运行npm install。
vue init webpack demo01生成的目录结构和vue create demo生成的目录结构
我前边安装过程中,运行vue create demo可以运行成功,里边的依赖包也是下载好的,但是没有webpack配置文件啥的。
运行vue init webpack demo01报错了,报错提示有两行大概是
commond requires。。。。(没记住)
Please run npm install -g @vue/cli-init and try again.
各种百度找不到问题,后来捣鼓着捣鼓着自己好了,可能当时我没有安装vue-cli,我按文档上提示运行的npm install -g @vue/cli,报错之后再安装还是报这错,最后也不知道什么原因。