默认预设只包含Babel + ESLint，如需要使用到Router、CSS Pre-processors（CSS预处理器）等需要选手动选择特性。
相信看到这篇文章的人，都是对Electron感兴趣的， 网上关于Electron的教程其实已经不少了，但是大多都是一些功能点的实现，对于从零开始搭建一个适合自己的项目，估计还是有不少人有点懵逼的。刚好自己也学习Electron一段时间了，想着整理一下自己学习期间的一些笔记和踩坑的地方，从零开始编写一个小项目。一个由浅入深（或者说从入门到放弃）的套路，一步步带你敲代码实现一个小项目，希望能给大家带来一点点启发。
具体vue-cli3的使用方式和注意事项可以参考使用Vue-cli 3.0搭建Vue项目
让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个。--------------------（文字对应上面图片）
windows 1. Node.js （>=8.9, 推荐8.11.0+） Node官网下载 .msi 文件，按步骤下载安装即可。 安装完之后在cmd中输入 node -v，若显示版本号，则说明安装成功。 2. Git（命令行终端） Git官网下载安装即可。
在这里配置项目需要的东西 项目空格为选中/取消 a为全选 i为反选 下面是我的项目配置
对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：
线程组是是所有测试计划的起点。一切的controller和sampler都必须在线程组下面，其它的元素，比如listener，可能直接放在了测试计划下面，这种情况下它就适用于所有的线程组。线程组控制着
前段时间电脑重新装机，导致之前安装的环境全部需要重新安装，加上最近要写个移动端H5项目，思来想去，还是用vue脚手架搭建吧
phpstorm （https://www.jetbrains.com/phpstorm/）
此时浏览器会访问 http://localhost:8080/ ，看到 Welcome to Your Vue.js App 的界面就算成功了。
Vue3.x已经出了很久了，只是现在业务没有新工程，所以还是一直在vue2.x上工作，为了不被落下，理了理vue3.x新建项目的过程。
距离 Vue 3 正式发布也有一段时间了，今天突发奇想，来整理一下 “Vue CLI 创建 TypeScript 项目”的具体方法。
之前用 electron-vue 写过一个半成品的桌面端应用，但是是基于 Vue2 的，最近又想重写点桌面端应用，想要上 Vue3+TypeScript，于是便有了这篇文章总结下具体的搭建过程。
学习vue之初就接触到了脚手架，去年的时候还是使用vue cli进行构建，今年基本都用vite了，官方也都推荐这种方式，那就赶快用起来，快速开发属于自己的vue应用。
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了，如果再不学习Vue3就落伍了，此文章记录下使用@vue/cli搭建Vue3项目完整流程。
https://echarts.apache.org/zh/option.html
首先在d盘里面新建一个文件夹project,在vscode里面打开 打开终端 进入project文件夹 安装依赖
这时候我们选择第三项手动选择。选择的时候按回车就可以实现。(如果这时候你没有上面的三个选项，说明的 vue-cli 是旧版本，需要你更新。)
根据需要选择其他的功能插件，例如：Babel, Router, Vuex, CSS Pre-processors, Linter。
在最基本的层次上，使用Vite进行开发与使用静态文件服务器没有太大区别。但是，Vite对本机ESM导入提供了许多增强功能，以支持通常在基于捆绑程序的设置中常见的各种功能。
TS语言，也就是TypeScript，是前端一个非常强大的语言超集，基于JavaScript。
我们每一次学习一个框架，比如像几年前的 jQuery，以及其他的第三方 javascript 实用库：loadash，underscore，dayjs，等等，我们都需要引入这些库的源文件才能使用这些库的 API，所以我们的 vue3.0 也不例外，同样需要引入，当然，我们引入的方式可能各式各样，我们需要根据自己的使用情况来以不同的方式引入框架的源文件。
Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作一个专注于桌面应用的 Node.js 的变体，而不是 Web 服务器。
**Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。**你可以把它看作一个专注于桌面应用的 Node.js 的变体，而不是 Web 服务器。
1.下载node, 不要使用最新的版本element-plus组件没支持到最新的版本。
访问 nodejs.org 下载。这是必不可缺的环境之一。下载最新的 LTS 版本。LTS 代表长期维护，通常比较稳定。
上一篇 文章讲解了nodejs开发的第一步，命令处理，命令处理的短板是无法处理复杂的选项，而inquier.js解决了这一问题。这篇文章继续介绍脚手架中的交互处理。
CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）
如果是旧版本，Vue-cli1.x 或者 Vue-cli2.x这类，需要先卸载。（如若没有 请忽略该步骤）
🙋 好久不见，甚是想念 ⭐本期内容：搭建Vue项目 🏆系列专栏：从0开始的Vue之旅
#第二次出现 #空格勾选,回车下一步 (*) Babel #我们在VUe中一般都用ES6语法写的,这个插件功能很强大一般都选的把ES5语法解析成ES6 ( ) TypeScript #也是种语法js的升级版,脸书蛮推荐这个语法的,学这个蛮贵的 ( ) Progressive Web App (PWA) Support #前台优化的一个功能集合,提高前台项目效率 (*) Router #前后端交互中ajax交互来达成前后端分离,这个就是前台的路由 (*) Vuex #Vue中父组件与子子组件传递消息,设置成全局的单例来方便消息传递 ( ) CSS Pre-processors #如果选了后面他会让你选你用less或者sass中其中某个做预处理 (*) Linter / Formatter #规范编码格式 ( ) Unit Testing #测试相关 ( ) E2E Testing #测试相关 #一般勾选这四个,其它具体情况具体分析
Vue官方的脚手架工具Vue Cli有了一次较大的更新，相比于2.x版本，新版本3.x中对项目的搭建，相关包、插件的安装都有了很大的不同。本文即立足于此，选择@vue/cli 3.x版本的脚手架工具，动手实践从0到1搭建Vue项目，包含了项目的初始化，以及Vue全家桶(VueRouter/Vuex/Axios/CSS预处理器)的相关配置。
这个和以前的安装命令是不一样的，估计是要和以前的vue-cli做区别。 如果安装了以前的版本，建议先卸载
安装了最新的Vue CLI。打开Terminal，输入： npm install -g @vue/cli or yarn global add @vue/cli
1.安装node.js 安装vue.cli 必须先安装node.js
https://element.eleme.cn/#/zh-CN/component/quickstart
在开发大型单页应用时，需要烤炉项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务无关的事情，对于项目中用到的构建工具、代码检查工具等还需要一遍一遍地重复配置。这很浪费时间，物品们会选择一些能够创建脚手架地工具，来帮助搭建一个项目地框架，并进行一些项目所依赖地初始配置。 在Vue.js环境中，这个脚手架工具就是Vue CLI，利用这个工具，可以自动生成一个基于Vue.js地单页应用地脚手架项目。
Vue-CLI(俗称：vue脚手架)是vue官方提供的、快速生成vue工程化项目的工具。
接着会问我们是否使用history router，其实直白来说就是是否路径带 # 号，建议选择 n，否则服务器还要进行配置
在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与 PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由 Ryan Dahl 开发，实质是对 Chrome V8 引擎进行了封装。 Node 对一些特殊用例进行优化，提供替代的 API，使得 V8 在非浏览器环境下运行得更好。V8 引擎执行 Javascript 的速度非常快，性能非常好。Node 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。
vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化项目的过程。 中文官网：https://cli.vuejs.org/zh/
最近我参与了一个前端Vue2的项目。尽管之前也有过参与Vue2项目的经验，但对一些前端Web技术并不十分熟悉。这次在项目中遇到了很多问题，所以我决定借此机会深入学习Vue相关的技术栈。然而，直接开始深入钻研这些技术可能会显得枯燥，容易半途而废。碰巧最近我想做一个图床项目，于是决定在学习的过程中结合实际操作和总结，提升自己的前端水平。本次学习的主要目标是提高我的CSS、ES6标准以及Vue相关技术栈的能力。在学习一门新技术时，通常我们会从写一个简单的“Hello World”程序开始。今天，我将介绍Vue及如何使用Vue CLI脚手架来构建一个Vue项目。如果在文章中有写的不对的地方，希望大家给与指正。
命令行运行: npm install -g npm npm就自动为我们更新到最新版本
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
