
这里是修真院前端小课堂,每篇分享文从
背景介绍知识剖析常见问题解决方案编码实战扩展思考更多讨论参考文献
八个方面深度解析前端知识/技能,本篇分享的是:
什么是VueCLI3
Vue CLI 是一个基于 Vuejs 进行快速开发的完整系统,提供:
通过 @vue/cli 搭建交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
一个运行时依赖 (@vue/cli-service),该依赖:
可升级;
基于 webpack 构建,并带有合理的默认配置;
可以通过项目内的配置文件进行配置;
可以通过插件进行扩展。
一个丰富的官方插件集合,集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vuejs 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1x 或 2x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
Node 版本要求Vue CLI 需要 Nodejs 89 或更高版本 (推荐 8110+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
1
2
3
使用 vue ui 命令打开UI界面,快速创建Vue-CLI30项目
点击创建项目会进来这么一个界面:
填写项目名
选择包管理器
选择初始化git仓库
我们选择手动,此时会让我们选择需要使用的库和插件,比如bebel、vuex、vue-router 等常用的库
后面根据自己的需要配置就好了。 非常的简洁!
常见问题
使用vue-cli初始化后,到底还要不要装vuex,vue-router
解决方案
不需要,vueCLI30 在初始化后自动安装了vuex 和 vue-router
编码实战
略
扩展思考
如何在VueCLI30中使用VueCLI2x的模板
Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接
npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2x` 相同
vue init webpack my-project
1
2
3
更多讨论
Q1: build哪里去了?config哪里去了?配置都消失了?
A1:
vue-cli30默认项目目录与20的相比,更精简:
1移除的配置文件根目录下的,build和config等目录,
2移除了static文件夹,新增了public文件夹,并且indexhtml移动到public中。
3在src文件夹中新增了views文件夹,用于分类 试图组件 和 公共组件 。
4大部分配置 都集成到 vueconfigjs这里,在项目根目录下
在vueconfigjs里大概配置
常用的路径名、根目录、预处理、devServer配置、pwa、dll、第三方插件
vueconfigjs
Q2 webpackconfigjs 去哪了
A2:
webpack的相关配置可以写入vueconfigjs 内的 configureWebpack的选项下,但是如果是vueconfigjs中已有的配置, 不要写入configureWebpack内。
Q3 npm run dev改了?
A3:
在根目录的packagejson里有如下命令
“serve”: “vue-cli-service serve”,
“build”: “vue-cli-service build”,
“lint”: “vue-cli-service lint”
所以以前那些用npm run dev的,约莫是只能npm run serve/npm run build了
当然本身是“打包了一个express之类的serve工具啥的”
具体是packagejson里面“scripts”有写键值
我最近用的是npm run serve
更多内容,可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院:>
IT行业的职业有以下几种:
1、WEB前端
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
2、硬件工程师
硬件工程师要求熟悉计算机市场行情;主要工作为:制定计算机组装计划、选购组装需要的硬件设备、合理配置和安装计算机以及外围设备、安装和配置计算机软件系统等。
3、硬件测试工程师
主要负责硬件产品的测试工作,保证测试质量及测试工作的顺利进行;编写测试计划、测试用例;提交测试报告,撰写用户说明书;参与硬件测试技术和规范的改进和制定。
4、软件工程师
软件工程师是一个广义的概念,包括软件设计人员、软件架构人员、软件工程管理人员、程序员等一系列岗位,工作内容都与软件开发生产相关,是IT行业中较为基础的职业。
5、云计算工程技术人员
云计算是分布式计算的一种,指的是通过网络“云”将巨大的数据计算处理程序分解成无数个小程序,然后,通过多部服务器组成的系统进行处理和分析这些小程序得到结果并返回给用户。
而云计算工程技术人员是指从事云计算技术研究,云系统构建、部署、运维,云资源管理、应用和服务的工程技术人员。
软件项目外包和人力资源外包都是外包,但是也有一定的区别,具体区别如下:
一、本质的不同:
人力资源外包是将人力资源管理的某些功能外包给专业组织的一种管理策略,其目的是有效提高效率,百使外包职能的运作更加专业化。
软件项目外包是指企业将软件项目的全部或部分工作外包给提供外包服务的企业,以专注于核心竞争力业务,降低软件项目成本的一种软件需求活动。
二、管理责任主度体的不同:
属于工程外包的,承包企业不直接管理承包单位的职工,承包单位的劳动组织形式和工作时间由承包单位自行确定;而人版才外包人员必须按照用人单位确定的工作形式和工作时间进行工作。
三、结算方式不同:
项目外包是按约定单价和完成工作量结算,其合同目标为“工作量”;软件外包是按派遣人数、约定工资和成本标准结算,其合同目标为“人”。
四、用工需求不同:
工程外包需要产品或服务,承包人使用的劳务数量与承包人没有实质性权关系;人才外包需要劳务,发包人需要派遣公司按照约定数量提供派遣技术人员。
五、合同性质不同:
项目外包是合同,而人才外包签订的是软件人才外包合同。
学过c语言和python、matlab一类,不知道你本科的时候是不是计算机相关专业,一般这些专业的话都会教这些编程语言的基础。
第一个建议:
你可以根据自己的兴趣来选择,看自己学前端和后端的过程中是比较喜欢哪门编程语言的,觉得比较有意思的可以选择。
第二个建议:
研究生学历的话可以往Python的人工智能方向发展,这个方向的前景也是非常不错的,而且现在AI人工智能方面需要也是在增加,也是当下比较火的,不过如果你以后就业要求不怎么打算在一线城市的话,那可能你去一般二线城市或者 三线城市的话这个行业的就业岗位会比较少。
相对人工智能现在还不是很普及,基本上都是在发达城市发展的,所以为了以后就业打算的话你可以好好的规划下,毕竟这个还是比较重要的。
第三个建议:
后端方面的话技术方向也是比较多,java,php,Python也有后端方向,后端的话那是比较建议往java方向发展的。前端的话入门会简单的些,学习起来比较直观,蛮多选择前端也是有因为学习的过程中比较感兴趣,因为实现哪些页面和特效的时候内心会有成就感。
以上就是关于什么是VueCLI3全部的内容,包括:什么是VueCLI3、如何理解line-height与vertical-align、it行业有哪些职位等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)