如何正确地手动创建vue项目?我来告诉你

354 阅读1分钟

vue.jpg

当我们需要写vue项目时,首先需要创建一个vue项目,但当我们使用vue create myproject时,可能会没有eslint,这时我们就可以手动配置来创建我们的vue项目,让我们一起来开始吧!

创建vue项目

vue ui

此时会在浏览器页面打开Vue项目管理器页面。然后点击创建项目,选择项目所在的位置,最后选择最下方的“在此创建新项目”即可。

03vue.PNG

04vue.PNG

04vue2.PNG

进入创建新项目界面,输入自己的项目文件夹名称,这里我写的是myproject,其他的默认配置选项即可,进行下一步操作。

05vue.PNG 这里我们进入项目预设界面,在以下四个选项中选择手动配置项目,记住一定是“手动配置项目”!记住一定是“手动配置项目”!记住一定是“手动配置项目”!重要的事情说三遍!

06vue.PNG

开始配置我们开发项目需要的各种功能,除了一些默认选项,还可以根据自己的实际需要选择。这里我选择了Router、CSS Pro-processors和Linter/Formatter。选择完之后继续下一步操作。 07vue.PNG 进入配置界面,这里还是选择了目前用的更多的2.x版本,CSS的预设选择了Less,最后选择标准的ESLint配置即可完成项目的创建,点击创建项目。

08vue.PNG 那就开始你的Vue旅程吧!