node,git,vue常见的命令

Node.js

  1. npm init 转化成node项目,这一步是基础,也是后面一切代码的开端
  2. npm install express 引入express
  3. npm install body-parser (post请求需要)引入body-parser
  4. npm install multer Xhr中的form请求(var form = multer())/文件传输,上传头像
  5. npm install cookie-parser 引入cookie 使用cookie web.use(cookie())
  6. npm install art-template template 模板引擎
    请求数据管线
    var web = express()
    web.engine(’.html’,template._express) 设置自视图引擎为template
    web.set(‘view engine’,‘html’) 设置视图引擎的类型
    template.config(‘cache’,false) 清除缓存
    mongoose数据库
    1. npm install express-session 安装express-session 存储到服务器
      02.npm install mongodb 下载mongodb 数据库包
    2. npm install mongoose 引入mongoose
    3. var mongoose = require('mongoose)
    4. mongoose.connect(‘mongodb://localhost/数据库名字’,回调函数) //连接数据库
      node index 开启node项目

Git

说起git,不得不提码云这个平台,码云(gitee.com)是开源中国推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管。node,git,vue常见的命令_第1张图片
想使用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

Git命令大全

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'

你可能感兴趣的:(跨域,node,mongdo,vue)