开发工具的使用

git

  1. git管理你的项目 进入项目----》右键----》git bash here--->输入git init---->该文件夹和子文件夹都会被git管理

  2. 写项目.,...... 头部完成

  3. 头部完成想形成一个版本号(形成一个版本号目的是后期可以切换回来), 有以下几个步骤 git add . git commit -m '头部完成'

  4. 通过git log 查看版本号

  5. 写项目.,...... 中间完成

  6. 中间完成想形成一个版本号 有以下几个步骤 git add . git commit -m '头部完成'

  1. 写着写着,觉得想回到头部进行重新创作 用 git reset --hard 版本id 回到具体的版本

在仓库里面里面找到这两行代码,运行

node安装方式1

nodejs ecmascript+模块

npm i 安装下载第三方到本地

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm i 安装下载第三方到本地

如何生成package.json文件(项目说明文件) npm init --yes 项目名称、作者、依赖的第三方包、....

如何向package.json中记录项目所需要的第三方依赖包

  1. 下载jquery依赖包 cnpm i jquery --save (--save的目的就是保存在package.json)

  2. 下载swiper依赖包 cnpm i swiper --save 3.....

项目写完之后,把项目发给同学,发布到网络上,需要把node_modules删除掉。

别人拿到你的项目,通过cnpm i把该项目所需要的第三方包再下载下来

cnpm i jquery --save cnpm i jquery --save-dev cnpm i jquery -g

使用nvm安装node(可以切换版本)

安装node的新型方式: 通过nvm去安装

node每次安装只能装一个版本

nvm管理node版本 1. 卸载node 2. nvm的安装 测试安装成功的方式 nvm -v

 3. 通过nvm来安装node
    
     nvm list available   : 查看可用的node版本号
     nvm install 10.0.0     安装node的,安装的是10.0.0的版本
     nvm use  10.0.0         切换到10.0.0的版本
     nvm list                查看安装了哪些版本
​
     node -v
     npm -v   来验证是否安装成功
       如果出现npm不是内部命令,需要手动复制粘贴
       https://nodejs.org/download/release/v10.0.0/
       找到node-v10.0.0-win-x64.zip
       解压
       找到node_modules中的npm粘贴到我们自己安装的node10.0.0文件的node_modules
       四个npm相关的也安装一下
       3.9.1 依赖的node的版本  8-11  
        node 切换10

gulp

  1. npm install -g gulp@3.9.1

  2. 创建压缩gulp的项目啦 gulp_demo src css js html gulpfile.js package.json---------》通过npm init --yes自动生成

  3. 下载第三方包 npm i --save-dev gulp@3.9.1 npm i -D gulp-cssmin --->压缩css的第三方包 npm i -D gulp-uglify --->压缩js的第三方包

  4. 开启压缩代码的任务,这些任务需要写在gulpfile.js中 引入第三方包 const gulp = require('gulp') const cssmin = require('gulp-cssmin') const uglify = require('gulp-uglify')

    通过gulp开启一个任务,任务名称叫css,第二个回调函数写的是具体做了哪些事情 gulp.task('css', function () { gulp .src('./src/css/**') .pipe(cssmin()) .pipe(gulp.dest('./dist/css')) dist不需要创建,自动生成 })

  5. 如何执行压缩css的任务 gulp css dist文件夹自动就生成啦

  1. npm i --save-dev gulp@3.9.1 或者 npm install -D gulp@3.9.1

  2. npm i -D gulp-cssmin

  1. 拒绝访问 (nvm卸载,换个判断)

  2. nvm list 查看不到*, nvm安装过程有问题,权限不够,需要管理员身份运行

npm install -g gulp@3.9.1--------------node版本8-11

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值