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

发布时间 2023-10-11 18:46:07作者: 兔兔福

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

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

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 phonegap@6.5.2
----------------------------------------------------