vue-cli3.0安装与配置的方法教程（图文）-木庄网络博客

2022-03-13 06:23:56 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于vue-cli3.0安装与配置的方法教程（图文），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

最近公司要开新项目，用vue-cli3.0配置，让我搞一搞，做个记录。

安装

首先你要升级到cli3.0，命令如下。(最好自己去官网过一遍cli3.0的文档)

1	`npm install -g @vue/cli-service-global`

安装完成后检测一下是否安装成功，如下图展示。

显示3.0以上就安装成功。

创建一个项目

1	`vue create hello-world`

创建过程中，会让你选一系列的配置，键盘上下键可以切换，空格键可以选取，回车键确认。下面我一一细说。

第一个默认配置只会安装babel和eslint，其它的需要自己配置，不建议选，这里我们选择第二个手动配置。按回车（键盘上下键可以上下切换选择）

相关阅读 >>

更多相关阅读请进入《vue-cli》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者