node,git,vue常见的命令

本文详细介绍了如何使用Node.js和Vue.js搭建一个完整的Web应用程序,包括项目初始化、依赖安装、路由配置、数据库连接及Git操作等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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,提供免费的私有仓库托管。git创建
想使用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'
基于数据挖掘的音乐推荐系统设计与实现 需要一个代码说明,不需要论文 采用python语言,django框架,mysql数据库开发 编程环境:pycharm,mysql8.0 系统分为前台+后台模式开发 网站前台: 用户注册, 登录 搜索音乐,音乐欣赏(可以在线进行播放) 用户登陆时选择相关感兴趣的音乐风格 音乐收藏 音乐推荐算法:(重点) 本课题需要大量用户行为(如播放记录、收藏列表)、音乐特征(如音频特征、歌曲元数据)等数据 (1)根据用户之间相似性或关联性,给一个用户推荐与其相似或有关联的其他用户所感兴趣的音乐; (2)根据音乐之间的相似性或关联性,给一个用户推荐与其感兴趣的音乐相似或有关联的其他音乐。 基于用户的推荐和基于物品的推荐 其中基于用户的推荐是基于用户的相似度找出相似相似用户,然后向目标用户推荐其相似用户喜欢的东西(和你类似的人也喜欢**东西); 而基于物品的推荐是基于物品的相似度找出相似的物品做推荐(喜欢该音乐的人还喜欢了**音乐); 管理员 管理员信息管理 注册用户管理,审核 音乐爬虫(爬虫方式爬取网站音乐数据) 音乐信息管理(上传歌曲MP3,以便前台播放) 音乐收藏管理 用户 用户资料修改 我的音乐收藏 完整前后端源码,部署后可正常运行! 环境说明 开发语言:python后端 python版本:3.7 数据库:mysql 5.7+ 数据库工具:Navicat11+ 开发软件:pycharm
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值