1.安装npminstall-g@vue/cli使用淘宝镜像安装npminstall-g@vue/clicnpm--registry=https://registry.npm.taobao.org2.创建项目vuecreatevue3demo输出以下信息:VueCLIv4.0.4┌────────────────────────────────────────────────┐┐││新版本可用4.0.4→4.0.5││运行npmi-g@vue/cli进行更新!││││││└──────────────────────────────────────┘?请选择一个预设:firstConfig(stylus,babel,router,vuex)default(babel,eslint)>Manuallyselectfeatures选择最后一项,根据空格自定义,勾选Bable,预编译,勾选TypeScript,使用它,勾选ProgressiveWebApp(PWA)Support,使用它,检查Router,检查Vuex,检查CSSPre-processorsCSSPreprocessor检查Linter/FormattercodeformattingUnitTesting单元测试E2ETestingE2Etesting被选中并按Enter。这一步是选择路由模式,y选择history模式,n选择hash模式(url路径带#号)选择css预编译器,根据个人喜好选择设置配置信息存储文件。是否保存选择的特性,以便下次直接创建回车开始安装。进入vue3demo目录npmrunserve运行项目,打开网址:http://localhost:8082/项目初始化成功!用vsCode打开项目,项目已经帮我们引导了store、router等基础组件参考了基于vue-cli@3的Element组件。这里需要引用vue-cli@3下的element-ui组件。vue添加元素时,会出现如下提示HowdoyouwanttoimportElement?(使用箭头键)为了方便使用,选择第一个完全导入1。你想覆盖Element的SCSS变量吗?是2.选择你要加载的localezh-CN回车开始安装npmrunserve
