快速搭建Vue开发环境

启动命令行,进入Vue-UI

image-20201121094336554

输入http://localhost:8000,即可进入UI界面

image-20201121094647023

进入Vue项目管理器,新建项目

进入Vue项目管理器,进行新建或删除项目等操作

image-20201121094734271

image-20201121094904195

存在三种选项,管理现有项目、新建项目和导入项目,我们选择创建项目

image-20201121095201637

  • 创建新项目Step1-详情

image-20201121095418245

  • 创建新项目Step2-预设

image-20201121095637943

  • 创建新项目Step3-功能选择

image-20201121100002708

  • 创建新项目Step4-配置

image-20201121100134876

此时会询问是否创建为预设,可选择否或保留此预设,保留预设可免去重复配置

image-20201121100207810

配置新项目

image-20201121100350314

进入项目管理器下,插件选项,安装所需插件

这里我们选择Element-ui与axios

image-20201121100526996

image-20201121100551055

均点击安装即可

安装完成,即完成项目搭建

进入VS Code查看成果

image-20201121101030358

开启NPM脚本-serve,开启热部署

image-20201121101123455

可进入相应端口,实时查看项目,编辑完项目后CTRL+S保存即可完成更新,NPM脚本会重新编译

image-20201121101327645


至此,Vue+Element项目搭建完成,接下来就可以开始你的渐进式开发了!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!