当前位置: 首页 > article >正文

代码开发相关操作

使用Vue项目管理器创建项目:(vue脚手架安装一次就可以全局使用)

window+R打开命令窗口,输入vue ui,进入GUI页面,点击创建->

设置项目名称,在初始化git下面输入:init project,点击下一步之后,进入预设,选择手动配置项目,点击下一步,进入功能,选择bable、router、liner/Formatter(代码格式校验)、使用配置文件,之后进入配置面板(需设置三个地方)。1.关闭-使用history模式的路由(关闭,哈希兼容性更好)2.pick a liner 选择ESLint + Standard config,3.lint on save 打开。之后创建项目(提示是否保存预设,可以保存一下,以便下次使用)。

之后就可以在插件中看到已安装的插件了,

如果需要安装插件,点击右上方“添加插件”,搜索所需要的插件,进行安装即可,例如:vue-cli-plugin-element,点击安装之后,进入配置插件选项,选择import on demand(按需引入)

安装依赖:依赖-> 安装依赖->axios->安装

gitee中上传项目仓库

一、gitee添加公钥:

点击头像->设置->SSH公钥->怎样生成公钥(查看文档,SSH 公钥设置 | Gitee 帮助中心,按步骤操作即可),这里贴出主要步骤:

打开Windows PowerShell

输入:

ssh-keygen -t ed25519 -C "Gitee SSH Key"

三次回车之后,查看生成的SSH公钥(id_ed25519.pub)和私钥 (id_ed25519)

ls ~/.ssh/

读取公钥文件:

cat ~/.ssh/id_ed25519.pub 

 复制终端输出的公钥。

测试:输入;

ssh -T git@gitee.com

如果出现, Hi Anonymous! You've successfully authenticated, but GITEE.COM does not provide shell access.说明添加公钥成功

二、添加项目

 头像旁边的加号,点击->新建仓库:

命令行中输入:

git config --global user.name "yanmengying"
git config --global user.email "11718281+yanmengyingyanmengchen@user.noreply.gitee.com"

【 如果提示git不是命令,说明没有安装git,或者配置环境不对,可以进入git官网(https://git-scm.com/downloads/win)下载(安装说明可参考git的安装与配置教程-超详细版_git安装及配置教程-CSDN博客),下载完之后命令窗口输入git --version查看是否安装成功】

在命令行中输出两行代码,进行git全局配置,之后,如果有现成的项目就执行“已有仓库”,否则执行“创建git仓库”

将本地的项目上传到git中:

步骤一:根据上述步骤创建出的vue_shop项目,打开所在文件夹,右键选择在终端中打开,进入windows PowerShell,输入git status查看项目状态,有一些文件没有添加,输入“git add .”(add和.之间有空格),输入“git commit -m "add files"”,之后输入git status查看项目状态,可以看到正处于主分支,工作区干净的提示。

步骤二:上面是在本地做一些设置,之后通过“已有仓库”中的提示,完成上传

在vue_shop的windows PowerShell中输入:

git remote add origin https://gitee.com/yanmengyingyanmengchen/vue_shop.git
git push -u origin "master"

通过上述两个命令行(注意第二行命令输入回车后会提交用户名和密码,用户名是一个邮箱,如果不记得,可以去个人设置->邮箱管理->我的邮箱地址中查看,密码就是登录密码), 将本地仓库上传到码云(gitee)中,刷新项目仓库地址,就可以看到新上传的仓库了

安装vite:

在命令行中输入npm install -g vite
提示错误,大概意思是没有操作权限,通过以管理员身份打开命令行,输入此命令,安装成功,输入vite --version查看版本

安装vue3的开发者工具:

插件下载:通过极简插件官方搜索:devtools

https://chrome.zzzmh.cn/#/index

选择推荐下载,下载的压缩包解压后包含两个文件,插件 CRX文件和安装说明txt文件,按照安装说明安装即可(将CRX文件拖拽到chrome浏览器中的拓展程序页面,记住关掉vue2开发工具)


http://www.kler.cn/a/444289.html

相关文章:

  • 探索 Python编程 调试案例:计算小程序中修复偶数的bug
  • 【bodgeito】攻防实战记录
  • asp.net core发布配置端口号,支持linux
  • Navicat 17 功能简介 | SQL 美化
  • 学习反射(反射的使用,反射的应用场景)
  • 使用React构建一个掷骰子的小游戏
  • Rust之抽空学习系列(四)—— 编程通用概念(下)
  • 迎接国庆,我上线了第一款小程序
  • selenium模拟某网校带密码登陆
  • 举例说明如何在linux下检测摄像头设备具备的功能
  • 如何@Transactional在 Spring Boot 中使用注解
  • Java收发邮件 Jakarta mail
  • Volta——开箱即用的Node.js 版本管理工具
  • linux 下nmcli命令使用方法
  • Unity3D实现水特效(shader)+倒影
  • Android RXjava实现子线程做耗时操作,比new Thread和handler更香
  • MySQL笔记--多表查询
  • C语言输入缓冲区问题及其解决办法
  • Redhat 10 beta安装流程步骤详细教程
  • SWIFT基本使用
  • MySQL 学习系列:01_安装部署MySQL 8.2.0 并使用changer master 传统方式搭建部署一主一从操作记录
  • 1-1 STM32-0.96寸OLED显示与控制
  • linux 安装jdk
  • leetcode----mysql
  • SpringMVC 学习笔记
  • 滑不动窗口的秘密—— “滑动窗口“算法 (Java版)