vue cli

![截图_microsoft-edge_20230926213027.png](https://wiki.momen.world/static/img/aad05c08e85c29bbddd27e5e654586fe.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926213027.png)

![截图_microsoft-edge_20230926213110.png](https://wiki.momen.world/static/img/41690f731e8eccd11715aa4fd91ce33e.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926213110.png)

![截图_microsoft-edge_20230926213154.png](https://wiki.momen.world/static/img/6e7da519ad6f90e1f228430de7da25a1.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926213154.png)

![截图_microsoft-edge_20230926213230.png](https://wiki.momen.world/static/img/fb56e49d28a135f6dc44fc837dde7e51.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926213230.png)


![截图_microsoft-edge_20230926213251.png](/static/img/4bc671e1d4c032b87129d20d7a61bfc4.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926213251.png)

![截图_microsoft-edge_20230926214018.png](/static/img/7139a8f59e1e8235a7ed9d9fae6d13fe.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926214018.png)

![截图_microsoft-edge_20230926214039.png](/static/img/8615a64582dc8a059b379fc800b89229.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926214039.png)

![截图_microsoft-edge_20230926214331.png](/static/img/2c75c8c3a9859713a39c456c399642db.%E6%88%AA%E5%9B%BE_microsoft-edge_20230926214331.png)

![image.png](/static/img/2ba49a8583748c77d015bdf248e1b5fe.image.png)

安装element-ui
`npm i element-ui -S`
安装yarn 
`npm i -g yarn`
`yarn config set sass-binary-site https://npm.taobao.org/mirrors/node-sass`
换淘宝源
` npm config set registry https://registry.npmmirror.com/`
检查
`npm config get registry`
vue 创建
`vue create spark-cli`
`npm run serve`
引入插件，缩小体积
`npm install babel-plugin-component -D`
修改babel.config.js
```js
module.exports = {
    presets: [
        '@vue/cli-plugin-babel/preset', ["@babel/preset-env", { "modules": false }]

    ],
    "plugins": [
        [
            "component",
            {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
            }
        ]


    ]

}
```
引入less解析器
yarn add less@4.1.2
yarn add less-loader@6.0.0
vue组件间status控制：vuex
yarn add vuex@3.6.2
安装axios
yarn add axios
mock.js
生成随机数据，拦截ajax请求
yarn add mockjs
图表使用echarts
yarn add echarts@5.1.2
跨页面
vuex

在Anaconda prompt中操作：

conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/
conda config --set show_channel_urls yes
1
2
3
查看是否修改好通道：

conda config --show channels


conda改第三方源


![image.png](https://wiki.momen.world/static/img/bee6c1c25c82fe541ca054a9ea39b76c.image.png)

https加解密与验证传输

在挂载新分区后/dev/sdb1，上面的操作如`mkdir`需要sudo权限
解决方案
 `sudo chmod a+w /sdb1/`

在linux上挂载新的磁盘后，降低为普通权限

来源：https://blog.csdn.net/weixin_42318691/article/details/108396640
家中esxi服务器外网访问。
esxi ip:192.168.2.71
服务器反代esxi，nginx配置如下
```
server{
        listen  [访问端口]     ssl;
        server_name [访问的域名];
        ssl_certificate    [证书路径]/fullchain.pem;
        ssl_certificate_key    [证书路径]/privkey.pem;
        ssl_session_timeout     5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

        location / {
                proxy_pass https://192.168.2.71;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header Host $host;
                proxy_set_header X-Forward-Proto https;
                
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
        }
}
```

