Vue+ElementUI本地化环境搭建

环境搭建

  1. 安装node
下载安装
http://nodejs.cn/download/
查版本
node -v
  1. 安装vue-cli3
    vue-cli3集成了大量webpack配置
安装
npm install -g @vue/cli

查版本
vue -V
  1. 创建项目
cmd中,启动项目管理器 
vue ui创建项目时有时报错
可卸载vue cli
npm uninstall -g @vue/cli 
有时卸载不了,去npm目录删除@vue
再不行把node卸了

也可vue create project-name

包管理器选择默认
预设选择手动配置(Babel、Router、Vuex、使用配置文件)
css pre-processor,添加stylus
linter 官方
  1. 其他配置

如若需要,在根目录创建vue.config.js文件,用于webpack和全局的配置
只有客户端和服务端才有跨域,服务端和服务端没有

module.exports = {
  devServer: {
    port: 3333,
    open: true
  }
}
  1. 启动项目
脚本在package.json查看
npm install
npm run serve
  1. 插件
    devtools

ElementUI离线包下载

为了在内网使用
https://unpkg.com/browse/element-ui@2.13.2/

import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.nio.charset.StandardCharsets;
import java.util.ArrayList;

public class Main {
   
    static String fileP = "D:\\devtools\\elementUI-2.13.2\\";
    static String urlP = "https://unpkg.com/browse/element-ui@2.13.2/";
    static String urlF = "https://unpkg.com/element-ui@2.13.2/";

    public static void main(String[] args) {
   
        try {
   
            GetPage("");
        } catch (Exception e) {
   
            e.printStackTrace();
        }
    }

    static void GetPage(String after) throws Exception {
   
        System.out.println(urlP + after);
        new File(fileP + after).mkdir();
        HttpURLConnection http = (HttpURLConnection) (new URL(urlP + after)).openConnection();
        http.setRequestMethod("GET");
        http.setRequestProperty("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) Ap
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值