git - vue入坑

不念不忘少年蓝@ 2022-05-27 03:56 199阅读 0赞

先安装node，然后node -v （小写 前面有空格）     npm -v 查看是否已经安装  
npm install -g cnpm --registry=https://registry.npm.taobao.org   淘宝镜像（先装上，以后npm不行了就用cnpm）  
npm install vue  
安装全局的vue-cli  
     \[\{npm install --global vue-cli   (这样以后直接执行下面的命令,会自动生成一个vue项目结构)\[vue init webpack my-project    (后面是你的文件名)\}\]

1、cmd打开命令行窗口  
2、输入cnpm install vue-cli -g，然后回车等待(想在哪个目录建立vue项目就要在进入到对应目录再输入命令)  
3、安装结束后输入vue 如果显示版本号继续下一步操作  
4、运行vue init webpack demo(注：项目名称)回车  
5、显示Project nanme 目录名 回车 project description 后面可以写上描述，或者直接回车  
Author 后面可以写作者也可以回车   
6、Install vue-router? 选择Y  
7、User ESLint to lint your code? 选Y  
8、Setup unit tests with Karma + Mocha? 问的是否要测试 选n  
9、Setup e2e tests with Nightwatch? 选n  
10、这个时候在你创建的目录下就有你的目录了，然后cd 你的目录名进去（c）npm install回车等待,这一步是安装依赖的，安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件，如果这个文件夹没有那么项目是没办法跑

起来的  
11、创建结束后在创建目录里面按住shift+右键 选择 在此处打开命令窗口 输入npm run dev启动应用，启动成功它会自动打开一个vue页面  
12、每次这样启动是很麻烦的，用开发工具加载整个项目，里面有个package.json，它我整个项目的配置和信息的描述，里面有个scripts,这是定义的一些脚本，刚才用的就是里面的dev，它会执行后面的东西，就是用node跑一个JSON文件  
13、在项目中，右击package.json选择show npm scripts,显示npm后，双击命令即可

main.js的介绍  
el是挂载点，router是路由

App.vue 是整个文件的入口，有三部分，template模板 script 逻辑 style样式

szjSmiling <31468773+szjSmiling@users.noreply.github.com>  
git config --global user.name "szjSmiling"  
git config --global user.email "31468773+szjSmiling@users.noreply.github.com"  
git init  
git clone https://github.com/szjSmiling/TestDemo.git  (克隆git上项目)  
git pull origin master  更新项目  
git push -u origin master   推代码  
  
  
第一次提交代码的步骤:  
git add .  
git commit -m "szj"  
git remote add origin XXX（XXX就是你github或者码云等远程仓库的地址，git branch这个命令可以看到你所在的分支）  
git pull  
git push 或者git push -u -f origin master(提交到远程仓库，这个命令中的 -f 是强制推送，因为远程仓库只有初始化的文件，所以强制推送上去就行了，不加-f 会报当前分支没有远程分支  
新，强制推送可以覆盖master，这样就完成了第一次提交的步骤).  
  
  
  
  
  
  
//当需要忽略掉某个文件的时候，如node——modules，如下：  
1.在需要创建 .gitignore 文件的文件夹, 右键选择Git Bash 进入命令行，进入项目所在目录。  
2.输入 touch .gitignore ，生成“.gitignore”文件。  
3.在”.gitignore” 文件里输入你要忽略的文件夹及其文件就可以了。（注意格式）  
.deploy\_git/  
node\_modules/  
public/  
  
  
git diff readme.txt    查看修改的内容  
git status   查看文件的状态  
git touch：创建文件，例如在oxc目录下创建一个a.txt文件  
vim a.txt：进入vim编辑器，如果后接文件名，则进入该文件的编辑模式  
  
  
版本回退  
git log    查看历史记录(版本号  用户名 邮箱 日期)  
git reset  --hard HEAD^   回退到上个版本  
git reset  --hard HEAD^^  回退到上上个版本  
git reset  --hard HEAD~100   回退到前100个版本  
git reset  --hard 版本号     (针对关闭命令行后的回退)  
git reflog      获取版本号  
cat test.txt    查看文件内容  
  
  
撤销修改  
1.直接文档中修改  
2.回退上个版本  
3.git checkout -- test.txt    (舍弃工作区的全部修改)  
  
  
推送  
git push -u origin master  
  
  
新建分支合并分支  
git checkout -b newDev  
(相当于//创建分支  git branch newDev  //切换分支  git checkout newDev  )  
git branch    查看分支  
git merge newDev  //合并分支   
git branch -d newDev  //删除git分支     
  
  
// 出现LF will be replaced by CRLF in package-lock.json.报错时.  
\*\*\*git config --global core.autocrlf false  
  
  
Element-ui  
http://element-cn.eleme.io/\#/zh-CN/component/quickstart  
  
先git clone  
git checkout 到自己的分支上  
git add . 上传文件到暂存区  
git commit -m '修改的内容' 上传到版本库  
git push 上传到线上  
git checkout master  
git pull 拉主分支上的代码  
git merge 自己的分支  
:wq 保存退出  
git push 上传到线上  
  
  
npm install less --save-dev  
npm install less less-loader --save  
安装less和less-loader  : 命令：npm install less less-loader --save