码迷,mamicode.com
首页 > 移动开发 > 详细

Vue.js+Koa2移动电商实战-1

时间:2018-05-24 19:32:19      阅读:650      评论:0      收藏:0      [点我收藏+]

标签:成功   后端   run   http   ack   说明文   nbsp   cal   div   

前端环境的搭建

 前端开发环境搭建

  采用前后端分离的开发模式,也就是前端调用后端提供的JSON接口,让Vue和Koa2的代码没有任何的耦合。所以开发环境也是完全分离的,开发完成后你甚至可以分别部署到两个服务器上来进行运行。

  1.建立前端文件夹

mkdir SmileVue

  2.使用vue-cli生成项目目录

    使用vue-cli非常方便快速,它可以为我们生成基本的Vue的项目结构。

  •   检测npm版本,在终端输入 npm -v,尽量使用5.x以上版本。
  •   全局安装vue-cli,在终端里输入,npm install vue-cli -g
  •   在终端中输入 vue init webpack

  等到上面这些都正确安装完成后,我们需要验证一下,我们安装是否成功。

  3.测试环境是否安装成功

  • 使用npm run dev 进行测试环境的打开。
  • 在浏览器中输入 http://localhost:8080 进行测试。

  在浏览器中打开页面,出现Vue的正常页面时,说明你的项目已经初始化成功了。下节课我们就可以愉快的进行编程了。

  一个README.md的重要性

  在一个实际项目中,特别是开源项目中是非常重要的。
  所以我们要建立一个README.md文件,这个就是你项目的说明文件。

Vue.js+Koa2移动电商实战-1

标签:成功   后端   run   http   ack   说明文   nbsp   cal   div   

原文地址:https://www.cnblogs.com/xiaofandegeng/p/9084528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!