打包软件01，创建包目录，打包需要的文件。一切准备就绪后，我们就可以直接开始封装前端软件了。新建一个文件夹，把要打包的前端文件放进去，同时创建package.json和main.js文件。目录结构如下。可以先学web前端，慢慢向ui设计靠拢。
首先，UI是个大的概念，ui是包括web前端的。然后，UI的面比较广，一般我们叫UI设计，主要是指对软件的人机交互、操作逻辑、界面美观的整体设计，设计这种东西，靠经验和美学基础。web前端只是网页前端实现，所以，你可以先学web前端，慢慢往ui设计靠拢。那个好就不用多说了，待遇都是不一样的。当然也分等级，
前端可以做桌面软件开发吗？
当然是可以的，比较流行的就是electron，借助于node进行打包，将前端转化为桌面软件，下面我简单介绍一下electron是如何打包前端为桌面软件的，感兴趣的朋友可以尝试一下：搭建node环境这个直接到node官网下载即可，windows环境下也就是exe安装包，双击便可安装，安装完成后，这里需要将node、npm这些常用命令添加到环境变量（也就是node的安装目录），后面使用起来也会非常方便：安装electronnode安装完成后，这里还需要安装electron，打包的时候要用到，直接在cmd窗口输入命令“npminstallelectronelectron-packager”即可，如下，如果下载过程比较慢，可以更换一下npm源：打包软件01、创建打包目录及打包所需文件一切准备就绪后，我们就可以直接开始打包前端软件了，新建一个文件夹，将需要打包的前端文件放进去，同时创建package.json和main.js这2个文件，目录结构如下：02、配置打包所需文件package.json配置如下，这主要指明应用名称、版本号以及打包配置文件：main.js配置如下，这里主要指明打包的具体过程，重点是需要打包的html文件，网上相关配置非常多，可以做适当调整和补充：03、打包软件打开cmd，cd切换到打包目录，然后直接运行“electron-packager.APP--win--outAppDir--arch=x64--electron-version=3.0.10--overwrite”命令即可，这里主要是指明平台、输出目录、位数、版本号等：打包完成，即可在APPDir输出目录看到打包的exe程序，双击便可正常运行，本质其实就是嵌套了一个浏览器内核：至此，我们就完成了将前端网页打包为桌面软件。
前端，UI，软件测试，女生学哪个比较好？
首先你得看你对哪个感兴趣，这样你才能学得更快，更容易上手。其次，如果是零基础，建议学UI设计，因为UI更适合女生，就业面广，创新思维强。下面是三个专业的学习内容，你可以初步了解一下，然后再考虑选择哪个方向。前端学习内容:第一阶段:网页基础内容基础HTML介绍，CSS DIV基础知识，选择器，盒子模型，网页布局，Photoshop。第二阶段:web编程基础学习路线:JavaScript基础、BOM和DOM模型、事件处理、jQuery、交互和动画、JQuery优质插件、文档处理、数组和对象操作。第三阶段:Web编程高级与全栈开发学习路线:JavaScript高级编程、原型模式、jQuery插件开发、模块化组件开放、AJAX、Express(Node.js)、MongoDB、RequireJS、Mongodb第四阶段:响应式网站开发学习路线:HTML5/CSS3、响应式原理与布局、Bootstrap、前端依赖管理、CSS预处理语言(Less Sass)、Grunt/Gulp自动化构建工具、Angular4第五阶段:框架与项目管理学习路线:Grunt/Gulp、Webpack模块加载器打包工具、MVP这是UI设计的主干课程。有兴趣可以了解一下:第一阶段1、广告字帖制作2、电脑组装与维护3、美术基础:素描4、美术基础:水粉第二阶段1、矢量平面设计(CorelDRAW)2、广告摄影3、矢量插画设计(Illustrator)4、图像处理设计基础(Photoshop)5、应用文写作6、构图基础:平面构图7。色彩构图和立体构图第三阶段1。图像处理高级技术2。平面设计典型范例3。InDesign平面设计。广告材料和技术。包装设计。海报设计7。第四阶段的商业视频剪辑1。Dreamweaver网页设计2。Flash动画设计与制作3。HTML5CS34。网页艺术设计的典型商业案例5。商场的广告美化。网店装修7。产品视觉包装软件测试软件测试。首先，你应该有广泛的计算机知识。
文章TAG：app为什么需要前端 前端 app 桌面 软件 开发
