脚手架帮我们帮我们把 webpack 等相关的配置都处理好,我们只需要基于脚手架快速构建一个项目即可我们使用任何东西第一步都是安装安装成功后,全局环境会生成 $vue 的可执行命令,我们可以基于 $vue --version 来查看版本号,看是否安装成功。如果选择默认这篇文章就没有意义了,我们选择手动选择配置项这里选择脚手架里的webpack配置,空格键是选择,我选择了以上这些项,如果有需要自行添减。是否使用路由器的历史模式,选择Y;选择哪个CSS 预处理语言的配置规则,我用的是less根据自己需要选择选择自动化代码格式化检测,我用的 vscode 选的 ESLint+Prettier选择第一个可以保存配置方便下次使用

vue-cli基础配置及webpack配置修改的完整步骤

vue-cli基础配置及webpack配置修改的完整步骤

vue-cli基础配置及webpack配置修改的完整步骤

vue-cli基础配置及webpack配置修改的完整步骤

vue-cli基础配置及webpack配置修改的完整步骤