git - vue入坑

先安装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 <[email protected]>
git config --global user.name "szjSmiling"
git config --global user.email "[email protected]"
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




npm install less --save-dev
npm install less less-loader --save
安装less和less-loader  : 命令:npm install less less-loader --save 

发布了69 篇原创文章 · 获赞 53 · 访问量 19万+

猜你喜欢

转载自blog.csdn.net/sinat_38992528/article/details/79892510