做一个vue项目需要安装的软件

134 阅读2分钟

1.安装node

在官方下载自己习惯的版本的msi文件安装即可
node官网:https://nodejs.org/en/

2.git安装和配置

git的安装:https://git-scm.com/downloads
git的配置:
    在vscode里配置git的方法:
        文件-》首选项-》设置,找到settings.json文件
        配置"git.autofetch":true,"git.path":"git文件的地址"
        可以通过where git的命令查看git地址
    配置记住帐号和密码的两种方式:
        git config --list  查看配置
        git config --global user.name “” 
        git config --global user.email “” 
        git config --global credential.helper store //记住密码
    通过设置公钥和私钥记住密码:
        输入 ssh-keygen -t rsa -C “邮箱”
        两次回车
        复制公钥到github里面设置
        要把git config --global credential.helper '' 
        在github里以ssh的形式克隆项目路径 git clone ssh路径

3.vsCode操作git

插件:git history diff
合并分支:ctrl+shift+p 里面可以查找相应的命令,找到合并分支
解决冲突:选择使用哪个代码,选择好之后重新提交

4.git的常用命令

git clone 路径   克隆项目
git init  初始化本地版本库
git status  查看
git add . 暂存
git commit -m '备注' 提交
git push origin 分支名  推送
git push origin :分支名或标签名  删除远程上的分支或标签
git pull origin 分支名  拉取
git branch 分支名  新建分支
git branch  查看分支
git checkout 分支名  切换分支 
git log 查看历史
git merge 要合并的分支名  合并分支
git branch -d 分支名  删除分支
git checkout .  撤销所有暂存 
git revert 版本号   回滚版本(有历史记录)(:wq退出)
git reset --hard 版本号  回滚版本(没有历史记录)(冲突的话--force)

5.vue cli的安装

先通过npm install安装npm
在通过npm install -g @vue/cli 默认安装最新版本
通过vue --version查看版本号

6.vue项目的创建

通过 vue create 项目名 创建项目
也可以通过vue ui可视化界面创建项目