Vue+ElementUI本地化环境搭建
环境搭建
- 安装node
下载安装
http://nodejs.cn/download/
查版本
node -v
- 安装vue-cli3
vue-cli3集成了大量webpack配置
安装
npm install -g @vue/cli
查版本
vue -V
- 创建项目
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 官方
- 其他配置
如若需要,在根目录创建vue.config.js文件,用于webpack和全局的配置
只有客户端和服务端才有跨域,服务端和服务端没有
module.exports = {
devServer: {
port: 3333,
open: true
}
}
- 启动项目
脚本在package.json查看
npm install
npm run serve
- 插件
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