Vue.js专区angular2与vue的那些事Vue.js

基于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,具体结构如下

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以及使用

上一篇下一篇

猜你喜欢

热点阅读