首页 > 编程语言 > 开课吧前端1期.阶段3-1:软件的使用 (bower,atom, node)

开课吧前端1期.阶段3-1:软件的使用 (bower,atom, node)

时间:2023-10-11 19:03:08浏览次数:31  
标签:node npm nodejs js ---------------------------------------------------- bower at

今天主要不讲课,试试环境

软件:(推荐,有自己熟悉的用自己的)

1.编辑器:atom
  支持插件:
   	atom-typescript
  	language-vue
  	language-weex
  	markdown-preview-plus
  
2.服务器:wamp(apache+mysql)、xampp、nginx
	web服务器(要能支持php)——Apache 
  	数据库——MySQL

3.Photoshop CS6 (做前端一般PS要有)
4.手机虚拟机——夜神 (后期方便测试,真机比较麻烦)
5.Navicat for mysql
6.虚拟机VMware
7.centos镜像
  http://mirrors.163.com/centos/7.4.1708/isos/x86_64/
  CentOS-7-x86_64-Minimal-1708.iso
  
8.PuTTY、winSCP(Mac用yummy FTP、Linux直接ssh)
9.git for windows(Mac用git-scm、Linux直接yum/apt)
  或者:TortoiseSVN(Mac用SnailSVN、Linux直接yum/apt)
	 
10.Node.js 
  https://nodejs.org/en/
  
11.phonegap-cli v6.5.2 (不用最新版)
12.APICloud Studio 2 (本土化框架)
13.MongoDB (非常适合js使用,很多语法都是js语法)

  

Atom  工具插件

ctrl+shift+p : 快捷方式到指定功能

ctrl+shift+m: 预览markdown

 

需要安装插件:

language-vue
markdown-preview-plus
language-weex //微信
 

学习方法:

1、多读(英文、中文)、多写文章(理顺你的思路)
2、多想
3、多问:琢磨->网上->同学讨论->老师/助教
4、多写代码

学员学不会东西,只有一个特点:懒

  

工具介绍node

贴近前端,不管对象,语法,工具和前端都是通的

Node.js:
1.后台语言——操作数据、接口   【真正工作中占比 35%,出来比较晚没有啥成熟框架】
	*node.js作为一门独立的后台语言主要来用,并不是他主要应用,主要应用【工具】

2.工具——WebPack、grunt、爬虫  【65%】
	执行js文件: node 1.js

----------------------------------------------------
命令行:
window    cmd
mac/linux 终端
----------------------------------------------------
运行Node:
1.盘符      d:
2.目录      cd 目录名
3.运行      node xxx.js
4.退出      ctrl+c
----------------------------------------------------
nodejs全是js没错,和全端的区别,前端有CSS,HTML,图片等文件,
而nodejs只有js,纯粹代码没有界面的东西

在web里面js能用的,nodejs基本都能用

 

 

 

npm是nodejs一部分,安装nodejs就已经安装了npm

npm——Node Package Manager  【包管理器】
1.自己下载js库—【jquery需要去官网下载】
	缺点: 麻烦 【现在包太多了】
		  
2.依赖
     JS的插件有时候不能独立的使用

npm好处:
	npm自动下载
 	自动解决依赖


3.安装一个jquery
npm install jquery  【下载最新版本】
npm install jquery@1.* 【下载最新的1.*版本】



cnpm——自定义源 【避免国外下载,很慢】
https://npm.taobao.org/ 【国内常用的就是淘宝】
	*官网内有安装步骤
----------------------------------------------------
1.如何使用Node
  node xx.js

2.使用npm
  npm i xxx
  *装个cnpm
    npm.taobao.org

   

 

 cnpm 访问会报错

 

 

bower
**安装前台管理包 bower
----------------------------------------------------
npm      后台包管理器
bower    前台包管理器
  cnpm i -g bower   //-g代表全局可用,否则就是当前目录可用
  bower i angular   


npm下载的包都会在     node_modules文件夹
bower下载的包都会在: bower_components 文件夹
  
  
----------------------------------------------------
phonegap-cli v6.5.2 专门做移动端开发的


npm i -g [email protected]
----------------------------------------------------

  

 

 

 

标签:node,npm,nodejs,js,----------------------------------------------------,bower,at
From: https://www.cnblogs.com/codelives/p/17690920.html

相关文章

  • ERROR in node_modules/rxjs/dist/types/internal/operators/combineLatest.d.ts(3,61
    原文链接:https://www.longkui.site/error/error-in-node_modules-rxjs/4839/angular项目,启动的时候报错。详细的报错如下:这个报错的原因比较简单,rxjs的版本不对,我用的是angular7可能和rxjs版本不匹配。解法方法也很简单,主要是降版本,我们找到项目的package.json把rxjs版本改成......
  • nodejs xxl-job-executor 客户端试用
    代码fork自awesomeoxc/xxl-job-executor-nodejs,进行了一些以来包的升级,同时发布npm包到npm仓库中,方便使用npm包名称npm包我已经发布npm仓库中了,可以直接使用@dalongrong/xxl-job-executor参考使用安装npminstall@dalongrong/xxl-job-executor--saveor......
  • MongoDB Node.js Driver and MongoClient All In One
    MongoDBNode.jsDriverandMongoClientAllInOneThenextgenerationNode.jsdriverforMongoDB$npmimongodb#OR$npmi-Smongodb#OR$npminstallmongodb--savehttps://mongodb.github.io/node-mongodb-native/index.htmlhttps://www.mongodb.com......
  • nodejs之常用命令
    node控制台命令#新建文件夹mkdirname#清空控制台clearclr#跳转到指定目录cdname(目录名)#返回上一级cd..#移除指定文件rm文件名name#重命名renamesrc/index.htmlsrc/index.pug#清除缓存:cnpmcacheclean--forces#结束退出ctrl+c#......
  • 【node爬虫】node爬虫实用教程
    准备工作通过指令npminit初始化文件夹,会获得package.json项目说明书。爬虫必备工具:cheerio;通过在终端输入npmicheerio,即可将文件装到项目里。cheerio 是 jquery 核心功能的一个快速灵活而又简洁的实现,主要是为了用在服务器端需要对 DOM 进行操作的地方。大家可以简......
  • 基于Node.js的大文件分片上传
    我们在做文件上传的时候,如果文件过大,可能会导致请求超时的情况。所以,在遇到需要对大文件进行上传的时候,就需要对文件进行分片上传的操作。同时如果文件过大,在网络不佳的情况下,如何做到断点续传?也是需要记录当前上传文件,然后在下一次进行上传请求的时候去做判断。前端1.index.ht......
  • node-oracledb nodejs 包支持thin 模式了
    node-oracledb从v6.0.0版本来时支持thin模式了,是基于纯javascript开发的驱动,我们终于可以不用依赖比较笨重的oracleclient了属于一个很大的进度,同时python版本也是支持thin模式了,我以前也简单介绍过参考资料https://github.com/oracle/node-oracledb/releaseshttps://me......
  • AtomicInteger源码解读和Unsafe对象
    针对线程安全问题,jdk除提供了加锁的解决方式外还提供了无锁的方式,例如AtomicInteger这个原子整数类,无锁并发的线程安全是通过cas来实现的,这一篇文章就来简单分析下AtomicInteger的源码实现。一、AtomicInteger的简答使用先来看一断非线程安全的代码@Slf4jpublicclassThre......
  • redis-cluster nodes命令信息说明
     集群定义1.1每个字段的含义如下:1.id:节点ID,一个40字节的随机字符串,节点创建时生成,且不会变化(除非使用CLUSTERRESETHARD命令)。2.ip:port:客户端访问的地址。3.flags:逗号分隔的标记位,可能值有:myself,master,slave,fail?,fail,handshake,noaddr,noflags......
  • node版本管理和安装
    1.使用nvm进行node版本管理。在window下安装nvm,下载地址:https://github.com/coreybutler/nvm-windows,下载exe包进行安装。2.安装完成后打开cmd,输入nvm-v查看版本。显示:1.1.11具体版本根据你下载的版本。(如果在安装之前已经安装过node,会有询问框是否把已经存在的版本纳入管理,......