基于vue+百度音乐api +express + mongodb + elementUi定义自己的音乐播放器(二)

使用vue需要有node环境,怎么安装node可百度解决

1、cmd输入:vue init webpack vue-demo回车,按照如下操作进行初始化:webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。期间会卡住不动,需要你输入安装过程中,需要我们输入项目名称,描述,作者,版本(独立版),使用ESLint规范等等,按enter键或者输入y确认等等之后开始自动生成目录
2、安装项目依赖的包
cd到vue-demo 文件夹,执行cnmp install,安装依赖包,安装完成之后,项目目录下多了node_modules:
3、运行项目在命令行里输入 cnpm run dev,执行完成后启动项目,浏览器输入localhost:8080
4、elementui的使用,具体参考http://element-cn.eleme.io/2.4/#/zh-CN/component/installation
5、然后就是创建路由,把路由指向你想要展示的页面,这里不多做介绍

安装express框架,Node.js使用Express创建编辑后台接口

1.全局安装express npm install -g express
2.创建项目 express APP_NAME,具体结构如下

16.jpg

3.安装依赖包 cnpm install
4.运行项目 npm start,运行如下
17.jpg

5.自动重启服务,我们修改nodejs代码时,每次修改完都要重启,我们修改成自动重启,全局安装 cnpm install -g nodemon
18.jpg

6.将上图的位置改成"start": "nodemon ./bin/www"然后重启

以上时vue+express框架的使用,下节介绍怎么安装mongodb以及使用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天下午第一节课,好多人(包括我)被我们班语文老师带到我们学校校长办公室那栋楼的四楼的一个房间去背自己错的内容,然...
    清茶宝宝阅读 144评论 0 0
  • 个人而言,这部电影并没有那么好看,但是毕竟是经典,毕竟离我们太遥远,也离我们太近。爱情其实并没有我们想像的那么美好...
    子向往阅读 208评论 0 0