zoukankan      html  css  js  c++  java
  • 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 安装

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

    7、elementui组件,按需导入

  • 相关阅读:
    java垃圾回收机制
    mysql的find_in_set函数操作
    mysql中常见的sql语句语法书写操作
    如何破坏双亲委派原则
    mysql中临时表的创建
    spring当中的事务处理
    restTemplate调用操作出现乱码
    mysql中的any_value的基本使用操作
    DTD与XSD的区别
    idea的插件
  • 原文地址:https://www.cnblogs.com/sylys/p/11950148.html
Copyright © 2011-2022 走看看