如何在创建项目时禁用ESLINT语法检查
window+R 启动 cmd
npm install -g @vue/cli
安装cli脚手架


其中创建项目的这一步,需要注意谨慎选择,稍有不慎便会加入ESLINT

这里通过↑↓键选择你的选项.这里我们选择自己来选择具体配置
Manually select features 然后回车

这里空格来修改是否选定,把Linter / Formatter的选定取消,其他的看你需要

回车,这里是问你配置文件放在哪里

我选的In package.json 回车

是否要将将此次配置存成预设,为了以后项目直接使用.这里我选择了不保存该配置模板
稍等片刻,正在为了你的项目下载脚手架的东西

运行结束了

此时你的项目已经创建完成了.依次键入运行两行蓝字所提示的命令,便可以启动我们的项目了

蓝色的两行是本地和联网的访问项目的地址.你可以直接复制地址粘贴到浏览器访问
或者通过cmd启动vue ui




此界面如果和你的不一样也不必惊慌,此界面是导入或者新建项目后出现的界面,这个界面的同学点击左下角的三个点 点击Vue专案管理器

这次大家的界面就一样了.接下来把我们新建的example导入到vue的ui界面吧

选择项目所在文件夹,example
做到和我下图一样就可以导入了

导入以后我们可以给项目安装依赖,左边第三个图标

第一个图标的界面可以停止端口服务,输入对应端口即可

第五个图标内可以启动你导入的example项目,就是那个绿色色执行按钮

网友评论