基于vue+百度音乐api +express + mongodb
2018-12-05 本文已影响1人
阿踏
使用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
,具体结构如下
3.安装依赖包
cnpm
install
4.运行项目
npm
start
,运行如下17.jpg
5.自动重启服务,我们修改nodejs代码时,每次修改完都要重启,我们修改成自动重启,全局安装
cnpm install -g nodemon
18.jpg
6.将上图的位置改成"start": "nodemon ./bin/www"然后重启
以上时vue+express框架的使用,下节介绍怎么安装mongodb以及使用