1.全局安装@vue/linpminstall-g@vue/cli或者yarnglobaladd@vue/cli2.安装最新版nodehttp://nodejs.cn/download/,...3.在你期望的文件夹中初始化,执行:vuecreateprojectName(名字自己取)然后会出现上图所示的内容(框内提示我升级cli版本,不用理会暂时)往下看,需要我们自己选择一个预设。前两个是默认的vue2和vue3。选好后,一路回车即可。如果要自定义,选择:manuallyselectfeatures(手动选择),然后回车,出现如下界面:这一步需要你为项目选择一些个性化的设置,注意括号里的操作提示:pressspaceon要选择的键盘,a切换所有,i反转选择。然后解释以下选项的含义:选择Vue版本:vue版本babel:是否需要babelTypescript:是否需要tsProgressiveWebApp(PWA)Support:ProgressiveWebApp(PWA)supportsRouter:vueroutingVuex:vuestateManagerCSSPre-processors:CSS预处理器(比如less,sass)Linter/Formatter:代码风格检查和格式化UnitTesting:单元测试E2ETesting:E2E测试根据需要选择你的设置,我的选择是:Checked再次回车后,我会一一做出第二波的选择。我最终的选择是:再次解释每一项的含义:选择一个你想要启动项目的Vue.js版本:你想要从哪个版本的Vue启动对于你的项目,我选择了2.xUsehistorymodeforrouter?:路由是否选择historymode,我选择了PickaCSSpreprocessor:选择了css预处理器,我选择了lessPickalinter/formatterconfig:选择了代码格式配置,我选择了standardPickadditionallintfeatures:选择otherlint特性,第一个是保存检测,第二个是修复和提交时检测,我选择了第一个Pickaunittestingsolution:Chooseaunittestingsolution,我选择了JestWheredoyoupreferplaceconfigforBabel,ESLint,etc.?:你喜欢把Babel、ESLint等的配置放在哪里?第一个是独立的文件夹位置,第二个是在package.json文件中,我选择了独立Savethisasapresetforfutureprojects:sa??vethisasapresetforfutureprojects(询问是否记录下这次配置以供下次使用)还是根据自己的需要选择,最后回车。然后你会看到它已经开始自动构建了。根据蓝色字体的提示,启动项目即可~
