Node.js
- npm init 转化成node项目,这一步是基础,也是后面一切代码的开端
- npm install express 引入express
- npm install body-parser (post请求需要)引入body-parser
- npm install multer Xhr中的form请求(var form = multer())/文件传输,上传头像
- npm install cookie-parser 引入cookie 使用cookie web.use(cookie())
- npm install art-template template 模板引擎
请求数据管线
var web = express()
web.engine(’.html’,template._express) 设置自视图引擎为template
web.set(‘view engine’,‘html’) 设置视图引擎的类型
template.config(‘cache’,false) 清除缓存
mongoose数据库- npm install express-session 安装express-session 存储到服务器
02.npm install mongodb 下载mongodb 数据库包 - npm install mongoose 引入mongoose
- var mongoose = require('mongoose)
- mongoose.connect(‘mongodb://localhost/数据库名字’,回调函数) //连接数据库
node index 开启node项目
- npm install express-session 安装express-session 存储到服务器
Git
说起git,不得不提码云这个平台,码云(gitee.com)是开源中国推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管。
想使用git,必须先去下载git git下载地址
git init git初始化
git status git状态
git add index.html 添加新的内容
git status
git commit -m + +号后面 表示自己提交的注释
git add . 将所有更改的内容都存储一次
git commit -m ...
git log 查看信息
git log --oneline 信息以一行显示
git show + id 表示添加的什么内容
git checkout +文件名 回撤到上一层
git branch 查看你有多少分支
git branch + 名称 添加分支
git checkout + 名称(上面添加的) 切换分支
git merge 分支名称 合并分支
git reset --hard Id 返回到(id)所在的 上一级 删除本页面 id为上一级id
git log --graph 图表模式
git clone+ 码云链接地址 下载
cd 文件 进入文件
git pull 下载更新的
git push 上传
上传步骤 1. git add .
2. git commit -m
3. git pull
4. git push
Vue
vue js下载
vue项目
查看vue 版本 vue -v
vue init webpack + 项目名称
删掉 node_modules文件夹后:恢复
1. cd + 项目名称
2. npm install
vue项目运行
1.进入终端
2.cd项目名称
3.npm run dev
vue项目中忘记安装路由
1.npm install vue-router
2. src文件夹 App.use 里面 写代码
import Router from 'vue-router'
Vue.use(Router)
Vue项目跨域
1.Axios
01.src 先安装 npm install --save axios
02. import axios from 'axios'
03.
mounted(){
var API_Proxy = 'https://bird.ioliu.cn/v1/?url='
axios.get(API_Proxy + 'http://open.douyucdn.cn/api/RoomApi/live/1').then(function(data){
console.log('请求成功')
console.log(data)
},function(data) {
console.log('请求失败')
console.log(data)
})
}
2.推荐:Proxy.vue 终端 安装 npm install vue-resource
main.js: import VueResource from 'vue-resource'
Vue.use(VueResource)
config index.js: proxyTable: {
'/douyuapi':{
target:'http://open.douyucdn.cn', //代理表
//如果程序需要跨域 那么设置为true
changeOrigin:true,
pathRewrite:{
'^/douyuapi':''
}
}
},
引入font-awesome 在其官网上下载
1.放置static文件夹(首选但不是唯一) 必须加后缀
main.js引入: import FontAwersome from '../static/font-awesome/css/font-awesome.css'
Vue.use(FontAwersome)
安装Vux : 1.转成vue项目 cd项目
2.npm install vux --save
vux-loader下载: 3.npm install vux-loader --save
4.在bulid文件夹 webpack.base.config.js
const vuxLoader = require(‘vux-loader’)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
5.npm install vue-style-loader
6.npm install css-loader
7.npm install less
8.npm install less-loader
安装jq npm install jquery --save
bulid webpack.base.js中
1. var webpack=require('webpack');
2. plugins:[
new webpack.ProvidePlugin({
$:'jquery',
jquery:'jquery',
jQuery:'jquery',
'window.jQuery':'jquery'
}) ]
main.js 3. import 'jquery'