vue脚手架通过ui界面创建项目

vue脚手架提供了图形界面操作项目,比之前通过命令操作的形式还要简单,以下是使用的步骤:

1、全局安装@vue/cli脚手架工具

npm i @vue/cli -g  {使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

2、启动GUI创建项目向导,win+r ,cmd,输入:

vue ui

3、点击创建,选择安装路径,

   详情:输入项目名称,包管理器选择npm,初始化Git仓库填:init project ,点击下一步。

预设:选择手动。

功能:选择Bable,Router,Liner|Formatter及使用配置化

配置:

      1)Use history made for router?(关闭)

      2)pick a Linter ...  Select(选择ESLint + Standard config)

      3)  Lint on save (dakai 保存时会自动进行格式校验)

4、以上完成后,开始配置ElementUI组件库,选择插件,输入:vue-cli-plugin-element ,点击下载

     1)How  ... install element : 选择 import on demand

     2) 语言模式:zh-CN(默)(默认就行)

5、配置axios库,选择依赖,输入axios 安装

猜你喜欢

转载自www.cnblogs.com/sylys/p/11950148.html