【无标题】

一、 Vue脚手架搭建

(一)安装与配置

1.

npm config set registry http://registry.npm.taobao.org/

npm install -g @vue/cli
vue --version

// 进入目录小白做毕设2024
vue create vue

【无标题】_第1张图片

 【无标题】_第2张图片

【无标题】_第3张图片

【无标题】_第4张图片

2.输入

cd vue
npm run serve

3.成功

【无标题】_第5张图片

(二)结构解析与项目改造

【无标题】_第6张图片

能用到的目录与文件:

assets——静态资源,下面还有css文件夹

conponents——组件 都能用

router——路由 网页地址与Vue对应

views——about页面和home页面

app.vue——

main.js——全局 import

package.json——各种依赖

vue.config——设置,如端口号

改造见3. Vue脚手架搭建 · 语雀

运行如下

【无标题】_第7张图片

二、 git

(一)本地代码提交到远程仓库

注册账号 Gitee - 企业级 DevOps 研发效能平台

新建仓库 honey2024

【无标题】_第8张图片

先全局配置下邮箱

# 配置

git config --global user.email "[email protected]"

git config --global user.name "username"

  1. 跟我一步一步做

【无标题】_第9张图片

  1. 进入命令行

【无标题】_第10张图片

  1. 输入 git init 把这个目录变成一个git仓库

【无标题】_第11张图片

查看隐藏的文件夹

【无标题】_第12张图片

【无标题】_第13张图片

  1. 本地仓库跟远程的仓库建立连接
git remote add origin https://gitee.com/xqnode/honey2024.git

git remote -v

  1. 新建 .gitignore文件
.idea
node_modules
*.iml
  1. 暂存代码 git add . (要注意当前的仓库是否存在旧的仓库文件夹 .git,如果存在要删除掉)
# 把当前目录除了 .gitignore描述之外的所有文件全部加入到暂存区
git add .

报这个黄色的提示是有问题的,你的vue文件夹需要删除旧的仓库文件 .git

【无标题】_第14张图片

正确的状态是这样的

【无标题】_第15张图片

  1. 提交文件到本地仓库
git commit -m '初次提交'

  1. 推送代码到远程仓库
git push -u origin "master"

 

你可能感兴趣的:(SpringBoot,spring,boot)