logo头像
Snippet 博客主题

vue-cli3.0图形用户界面创建项目

vue-cli3.0是一个全新版本脚手架,使用webpack4.0对项目进行打包,提高打包速度和精简项目目录结构等优势。让我们尽情拥抱它的到来吧。

申明:本教程使用node版本为8.9.3,vue-cli版本是3.0.3。 

1、环境安装

  • npm install -g @vue/cli 或者 yarn global add @vue/cli

安装成功如图:
vue-cli安装


2、项目创建

  • vue ui

在浏览器中进行如下操作:

第2步:

第3步:

第4步:

第5步:

第6步:

3、启动项目

总结:
3.0项目结构去掉了2.x build和config等目录 ,大部分配置都已集成,可以按照默认配置进行编译,打包;也可以自己定义配置,在根目录新建vue.config.js,自己的配置会替换默认配置。根据自己需要自行配置。详细配置可以看官方文档详细vue.config.js配置

微信打赏

赞赏就是肯定