Vue自定义项目的创建

All Right 这里是Vue自定义项目创建

话不多说 主要有如下的几步。这里默认你已经装完脚手架啥的。
1.在命令行中输入 vue create 项目名
我这里是test

在这里插入图片描述
2.进入如下页面,你要选择的是第三个那个自定义Manually select features
在这里插入图片描述
在这里插入图片描述

3.然后进入如下页面,这个页面是叫你要安装一些东西,应该算是组件/插件,这里一个个解释一下,图中3个是默认选中的 空格来选中或取消选中
1.Choose Vue version 顾名思义,选择版本嘛
2.Babel 这个是ES6的转换器,因为ES6是质变的一代,这个插件能够帮你把代码转换成ES5以前,现在基本没啥用。
3.TypeScript 这是微软的相当于一个javascript的增强吧,这里也用不上
4. Progressive Web App (PWA) Support 这个是要做App的一个支持的插件,这个要用的可以选上
5.Rounter 这个是路由
6.Vuex 这个是用于Vue状态管理的
7.CSS Pre-processors 这个是用来优化css文件 让那些sass和less的文件可以一同被打包到最终的项目里,有webpack基础的可能有点感触
8.Linter / Formatter 这个是用来检查代码规范的
9.Unit Testing 单元测试 有软件测试基础的同学可能会用到 其他大概率也用不上
10.E2E Testing 端到端测试 和上面一样 不搞测试的同学都用不上
在这里插入图片描述
PS.其实9和10我也不知道咋用
在这里插入图片描述
我自己默认选中了这几项
在这里插入图片描述
4.点击回车,进入这一页,要你选择Vue的版本,这里我选的是Vue3,如果还是Vue2的同学建议抓紧脚步学一下,或者忍一下,往下看
在这里插入图片描述
5.点击回车,来到这一页,由于上面插件的选择,接下来会引导你去配你这些插件的属性。第一个这个是是否选择使用历史的路由,别问,问就是,是!
在这里插入图片描述
6.然后就下来是css优化资源的那个插件,你就根据你自己使用的是sass还是less来进行选择即可,上下两个sass的主要区别是效率问题,具体我也不确定哪个大,不过我选第一个
在这里插入图片描述
7.点击回车,来到这一页,然后是这个代码规范,第一个是之报错,不规范,第二个是符合airbnb规范,第三个是standard规范,第四个是这个prettier规范,具体自行百度,不过大部分还是使用这个airbub规范
在这里插入图片描述
8.点击回车,来到这个页面,选择下面那个自动修改规范,第一个也选,是保存的意思
在这里插入图片描述
9.点击回车,来到这个页面,这个是问你你的这些插件/组件要放在哪个文件里,package.json是会默认生成的文件 然后这个dedicated config什么的是会重新再生成这些文件出来,这里还是建议放在package.json里
在这里插入图片描述
10.最后,点击回车,来到这个页面,问你之前这些配置是否保存,若保存,下次再配置时,就会和这次一样的内容
在这里插入图片描述
11.最后的最后,点击回车,来到这个页面,问你这些配置要叫个啥,你爱叫啥叫啥,我这里叫test
在这里插入图片描述
12.然后你等他加载就好了

  • 9
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值