要创建vue项目，首先要有环境。我们需要什么工具，如下nodejsvue-cli如果你有以上工具，直接跳过安装教程。如果没有，按照安装1.nodejs1。去官网下载nodejs安装包，https://nodejs.org/en/，根据自己的电脑选择自己要跟随的版本，这里就不介绍了。安装也是一路next，安装到你要安装的位置。2、配置环境变量，在开始菜单中搜索“环境变量”=》双击路径=》new=》节点安装路径（根据你的实际情况）3、win+R输入cmd查看是否安装成功.(node-vnpm-v)2.使用淘宝镜像（这样包的下载速度会更快），运行命令npminstall-gcnpm--registry=https://registry.npm.taobao.org安装包回来直接用cnpm就可以了3.安装vue-cli1,cnpminstallvue-cli-g//全局安装vue-cli，如果没有淘宝镜像就npminstallvue-cli-g2.检查是否安装成功4.创建vue项目（方法一）选择一个位置，你要存放项目的路径，然后在这个位置cmd1，先安装vue/cli-init,下面为什么要用npm？因为我安装的时候没有安装镜像，根据你的实际情况来做。下面会报错，我就安装2.vueinitwebpack》项目name"3.安装成功切换到项目目录，运行npmrundev。项目目录就ok了：5.创建vue项目（方法二）1.vue创建项目名称Default([Vue3]babel,eslint)意思是基于Vue3的模板，带eslint勾选Default([Vue2]babel,eslint)表示基于Vue2的模板，带eslint勾选手动选择特性自定义配置注意：空格键是选择和取消，A键是选择所有TypeScript支持使用TypeScript编写源码ProgressiveWebApp(PWA))支持PWA支持。路由器支持vue-router。Vuex支持vuex。CSS预处理器支持CSS预处理器。Linter/Formatter支持代码风格检查和格式化。单元测试支持单元测试。端到端测试支持端到端测试。()Babel//转码器，可以将ES6代码转成ES5代码，使其可以在现有环境中执行。()TypeScript//TypeScript是JavaScript（后缀.js）的超集（后缀.ts），包含并扩展了JavaScript的语法，需要编译输出为JavaScript才能在浏览器中运行（）ProgressiveWebApp（PWA)Support//ProgressiveWebApplication()Router//vue-router(vue路由)()Vuex//vuex(vue的状态管理模式)()CSSPre-processors//CSS预处理器(eg:less,sass)()Linter/Formatter//代码风格检查和格式化（例如：ESlint）()UnitTesting//单元测试（unittests）()E2ETesting//e2e（endtoend）测试（ondemand）这些配置是基于根据您自己的需要。下一步是配置细节。下图是我根据自己的需要选择的。补充：如果第一步全选，会出现如下选项Useclass-stylecomponentsyntax?(Y/n):是否使用class-style样式语法(TypeScript)将Babel与TypeScript一起用于自动检测的polyfills？(Y/n):是否使用class-stylecomponentsyntax(TypeScript)yesUsehistorymodeforrouter?（需要在生产中为索引回退设置适当的服务器）（是/否）：是否使用历史模式选择一个CSS预处理器（默认支持PostCSS、Autoprefixer和CSS模块）：选择预处理模式（）Sass/SCSS（withdart-sass)()Sass/SCSS(withnode-sass)()Less()StylusPickalinter/formatterconfig:(Usearrowkeys):选择语法检测规范()TSLint()ESLintwitherrorpreventiononly()ESLint+Airbnbconfig()ESLint+Standardconfig()ESLint+PrettierPick额外的lint功能：（按下选择，切换所有，反转选择）保存时选择检查/提交时检查(*)Lintonsave()Lint并修复commitRefertoPickaunittestingsolution:(Usearrowkeys):Testmethod()Mocha+Chai()JestRefertoPickaE2Etestingsolution:(Usearrowkeys):e2etestmethod()Cypress（仅限Chrome）()守夜人(S基于elenium的）参考您更喜欢将Babel、PostCSS、ESLint等的配置放在哪里？（使用方向键）选择配置信息的存放位置，单独存放还是合并到package.json()专用config文件中()package.json中保存这个作为以后项目的预设？(y/N):是否保存当前预设，下次构建不需要重新配置。完成入口路径并运行项目。打开网页参考文章：https://www.jianshu.com/p/02b...https://blog.csdn.net/fvf4515...
