vue脚手架经过UI界面建立项目

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

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

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

二、启动GUI建立项目向导,win+r ,cmd,输入:
java

vue ui

三、点击建立,选择安装路径,ios

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

 

预设:选择手动。npm

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

配置:less

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

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

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

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

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

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

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

六、依赖-开发依赖,下载less-loader (使用vue UI不会自动添加less-loader依赖,须要本身手动下载),同时还要下载less,less-loader依赖于less.

七、elementui组件,按需导入

相关文章
相关标签/搜索