vuecli项目入门(vue-cli4.5.x快速搭建项目)
vuecli项目入门
vue-cli4.5.x快速搭建项目一、安装vue-clinpm i @vue/cli -g
vue-cli会创建一个完整的项目文件夹,内部包含src等,我们仅需要cd进打算放置这个项目文件的文件夹内执行如下代码即可;
1.生成项目文件;
终端输入:
vue create projectname
2.选择生成配置方式
此处选择最下面一项进行手动配置
(你要是喜欢用eslint就直接选vue3那项就好)
3.插件选择
选择你需要的插件,上下箭头移动,空格切换选取状态
选错或漏选?没事,构建完毕后你依然可以通过Vue UI来修改插件配置(下面会说到)
我不太适应ESLint,我这里就不逞能了…
最下的单元测试(unit Testing)和端到端测试(E to E Testing),有需求的话就开;
4.单项配置
选中第一项""Choose Vue version来进行单项配置:
是否为vue-router启用HTML5的history模式?
这个推荐启用,会让你的url更加整洁好看,可读性更高;
在SPA页面中,不少方法会依赖于HTML5的history模式;
你打算怎么存放这些babel&eslint之类的东西的配置文件?
这里我推荐第一项吧…生成单独的配置文件,这样修改的时候你只需要找到对应的配置文件即可修改对应的配置;
好的,你打算把这次构建项目的配置沿用到今后嘛?
这个你自己决定喽…
选择是的话,下次在执行第一步时就会出现第四个选项,那就是你自定义的配置方法.
给你自己这套配置取个名字:projectname
5.选择包管理工具
会让你选择是用npm还是yarn,我这里没有显示直接用了npm ,奇奇怪怪;
选自己想用的就好.
至此创建完成.
那我们就运行下看看吧!
npm run serve
进入相应的端口,即可看到Vue的初始界面.
打开cmd,输入"vue ui"等待GUI服务启动,就会自动打开一个基于本地服务的UI界面
导入你的项目文件,即可在左侧插件等分类下对项目进行快捷运行&插件安装&插件卸载等等等等操作.
附-删除已保存的配置选项
如果你保存了配置,那么下次用的时候会在这里多一项你自己的配置,太多的话可能会有点眼花缭乱?
这些配置会保存在C盘Administrator下的".vuerc"文件中
删除相应的对象即可.
总结到此这篇关于vue-cli4.5.x快速搭建项目的文章就介绍到这了,更多相关vue-cli4.5.x 搭建项目内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- vuecli打包项目(使用vue-cli创建项目并webpack打包的操作方法)
- vue-cli安装教程学习(Vue新手指南之创建第一个vue-cli脚手架程序)
- vuecli项目入门(vue-cli4.5.x快速搭建项目)
- 使用vue-cli构建electron项目(MAC+PyCharm+Flask+Vue.js搭建系统)
- vue-cli请求数据的方式(vue-cli配置使用Vuex的全过程记录)
- vue-cli4开发多页面应用(深入理解Vue-cli4路由配置)
- 大果肉搭配薄瓜皮, 绿宝 脆甜爽口,不愧是甜瓜中的 佼佼者(大果肉搭配薄瓜皮)
- 河南尉氏县因地制宜发展果蔬种植 水坡镇绿宝甜瓜变 金瓜(河南尉氏县因地制宜发展果蔬种植)
- 谢广坤,你这么欺负谢腾飞,良心不会痛吗(你这么欺负谢腾飞)
- 乡村爱情15 宋晓峰怀疑自己孩子,腾飞与姜奶奶亲子鉴定出结果(宋晓峰怀疑自己孩子)
- 《乡村爱情13》开播,新版刘能以假乱真,编剧思维进入瓶颈(新版刘能以假乱真)
- 当年的 白洋淀战神 练肌肉 嘎子哥也成为行走的荷尔蒙(当年的白洋淀战神)
热门推荐
- 阿里云服务器宕机了会怎样(阿里云服务器进入黑洞怎么办?黑洞解除方法)
- windowsotp是什么(WinSCP绿色版详细使用说明)
- python3语法规则(详解Python3注释知识点)
- node.js缓存区(如何利用node实现静态文件缓存详解)
- angular定义一个管道(Angular管道PIPE的介绍与使用方法)
- django过滤器(django 自定义过滤器的实现)
- serv文件怎么复制到ftp服务器上(用Serv-U架设FTP服务器的方法与设置方法)
- mysql死锁情况(MySQL kill不掉线程的原因)
- dedecms添加代码(dedecms获取当前所在栏目ID的方法)
- dedecms内容页模板调用不成功(织梦dedecms循环调用多级子栏目如二级栏目下三级栏目)