vue项目基本环境的配置与初始化

暂时在本地测试,完成后上传到gitee,环境请自行配置
通过vue可视化面板创建 。

1,在cms中输入 vue ui,初始化项目

在这里插入图片描述

点击安装,安装成功后安装插件

1,安装element-ui

2,安装axios

在这里插入图片描述

3,安装less依赖

在这里插入图片描述
如果想要使用less语法,则需要安装相关,需要注意的是,版本,,,不然容易报错,报错请运行
在这里插入图片描述
npm install less-loader@4.1.0 --save

4,运行项目看是否错误

在这里插入图片描述

5,划分目录

6,基础样式格式化(css)

7,导入全局样式

托管到码云

1,配置码云ssh

在这里插入图片描述

  1. 生成添加ssh公钥 https://gitee.com/help/articles/4181

    ssh-keygen -t rsa -C "xxxxx@xxxxx.com"      注册邮箱
    
  2. 按照提示完成三次回车,即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容,获取到你的 public key
    在这里插入图片描述
    在这里插入图片描述

  3. 复制到码云对应位置
    在这里插入图片描述

  4. 测试
    https://gitee.com/help/articles/4181#article-header0
    在这里插入图片描述
    在这里插入图片描述

2,将新创建的项目托管到码云

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
提交到远程,第一次需要账号密码
在这里插入图片描述
在这里插入图片描述

posted @ 2022-04-02 09:46  coderwcb  阅读(18)  评论(0)    收藏  举报