Express+MongoDB+Vue实现后台网站五

Sublime Text
新建工程1 打开号令提醒行,进入项目目次“D:\phpStudy\WWW\study\Vue”,然后执行号令“vue init webpack service_view”,执行结果如下图(每一项的数据输入可按照现实环境进行调整):

Express+MongoDB+Vue实现后台网站五

文章插图

Express+MongoDB+Vue实现后台网站五

文章插图

2 生当作工程包当作功后,执行号令“cd service_view”切换目次后,再执行号令“npm run dev”启动项目,执行结果如下图1:
Tips:执行号令“npm run dev”之前,该项目需要安装以下组件包:
1.执行下图2的三个号令,element-ui用于vue的UI框架 ,axios是一个基于promise的HTTP 库;
2.安装样式加载器npm i css-loader node-sass sass-loader vue-loader vue-style-loader style-loader less less-loader --s 。

Express+MongoDB+Vue实现后台网站五

文章插图

Express+MongoDB+Vue实现后台网站五

文章插图

3【Express+MongoDB+Vue实现后台网站五】 启动当作功后,浏览器输入地址“http://localhost:8080/”打开页面,显示结果如下图(证实工程建立当作功):

Express+MongoDB+Vue实现后台网站五

文章插图


以上内容就是Express+MongoDB+Vue实现后台网站五的内容啦,希望对你有所帮助哦!

    推荐阅读