开课吧前端1期.阶段3-1:软件的使用 (bower,atom, node)
今天主要不讲课,试试环境
软件:(推荐,有自己熟悉的用自己的) 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.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 ----------------------------------------------------