zoukankan      html  css  js  c++  java
  • mac下搭建基于vue-cli 3.0的Element UI 项目

    1.安装yarn管理工具(包含node.js);

    2.安装全局vue-cli全家桶:

    yarn global add @vue/cli
    

    3.创建、测试一个vue-cli项目:

    vue create admin
    

    默认会提示选择那些安装:

    Vue CLI v3.3.0
    ? Please pick a preset: (Use arrow keys)
    ❯ project1 (vue-router, vuex, sass, babel, pwa, eslint) #这里是我之前创建项目并保持了他的配置(Save preset as: xxxx)
      default (babel, eslint) #默认创建,因为不太清楚它是否具备了该有的功能和组件,索引自己选择了下面自定义安装 
      Manually select features #自定义创建
    

    自定义创建1

    按空个进行勾选:

    • Bable 预编译
    • TypeScript
    • Progressive Web App (PWA) Support 优化用的
    • Router 路由
    • Vuex
    • CSS Pre-processors CSS预处理器
    • Linter/Formatter 代码格式化
    • Unit Testing 单元测试
    • E2E Testing E2E测试

    接着是一些细化的选择,详情可以看上图,其中最后一步提示是否作为一个默认候选创建包,可以结合自己需要设定作为一个创建模板(即前面提及的project1);

    4.基于vue-cli@3引入element组件
    创建好项目之后,切换到目录内:

    vue add element 
    

    会出现以下提示:

    ? How do you want to import Element? (Use arrow keys)
    

    为了方便,可以选择全局引用:full import

    1. ? Do you wish to overwrite Element's SCSS variables? Yes
    2. Choose the locale you want to load zh-CN
    

    之后就可以通过命令yarn serve编译、运行网站了

  • 相关阅读:
    亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP
    亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 环境安装篇
    安装Ruby下的compress失败
    Centos 6.5安装bugzilla 5.0.2
    Win7+Eclipse+Hadoop2.6.4开发环境搭建
    [整理]Centos6.5 + hadoop2.6.4环境搭建
    js 使用技巧
    css 样式小窍门
    fpm rpm制作
    nginx rewrite
  • 原文地址:https://www.cnblogs.com/chq3272991/p/10608533.html
Copyright © 2011-2022 走看看