20200515

DW

  • 导入js
  • 出错
    在这里插入图片描述
  • 什么是CDN方法、NPM方法
    CDN: Content Delivery Network(内容分发网络),为一组分布在不同地理位置的服务器,目的是为了解决网络堵塞,提高用户的访问速度。

NPM: Node Package Management(Node.js包管理工具),npm之于Node.js,就像pip之于python,用户可以使用命令行从npm的服务器上下载所需的包。

  • npm命令在哪里输入并执行?
    cmd内

NPM

  • 查询版本号
    npm -v

在这里插入图片描述

  • 更新版本
    npm install npm -g
  • 使用淘宝镜像的命令:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    进度条

在这里插入图片描述

  • 使用 npm 命令安装常用的 Node.js web框架模块 express:
    npm install express

出错
在这里插入图片描述

VScode

  • 改语言
    Ctrl+Shift+P
    Configure Display Language

在这里插入图片描述

  • livereload插件:实现网页自动刷新
    商店中安装扩展

在这里插入图片描述
~~chrome中安装扩展
设置打开文件
如果出现VS code 开启Livereload 失败的问题

  1. 关闭VS Code,重新打开
  2. 点击文件-打开文件夹-选择一个文件夹打开
  3. 重新Ctrl+Shift+P~~

在这里插入图片描述

出现enabled就成功了。

在这里插入图片描述

vscode新建html文件并快速生成标准的html代码
Ctrl+N新建文件
点击右下角最右“纯文本”
在这里插入图片描述
选择html后
输入英文感叹号,然后按Tab键自动生成代码。

  1. vscode用chrome调试
    下载 open in browerview in brower 插件
    文件==>首选项==>设置==>找到open in browser
    在这里插入图片描述
    改成chrome地址
    设置好后右键出现相应选项 Alt+B

在这里插入图片描述
4.使用Live Server插件
解决以上所有问题

在这里插入图片描述
右键或Alt+L,O

Chrome

  • chrome更新后无法拖拽安装插件
    解压crx文件,然后选择加载已解压的扩展程序
    会显示未封装的扩展程序,不影响。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值