vue-cli

如何在创建项目时禁用ESLINT语法检查

window+R 启动 cmd

npm install -g @vue/cli  

安装cli脚手架

安装中


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


\

这里通过↑↓键选择你的选项.这里我们选择自己来选择具体配置

Manually select features 然后回车


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


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


我选的In package.json 回车


是否要将将此次配置存成预设,为了以后项目直接使用.这里我选择了不保存该配置模板

稍等片刻,正在为了你的项目下载脚手架的东西


运行结束了


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


启动成功了

蓝色的两行是本地和联网的访问项目的地址.你可以直接复制地址粘贴到浏览器访问

或者通过cmd启动vue ui





运行成功在800端口


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


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


选择项目所在文件夹,example

做到和我下图一样就可以导入了


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


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

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


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容