山东大学项目实训—微信小程序选座系统—6月28日

山东大学项目实训—6月28日

微信小程序教室选座系统PC端设计（第一天）

    一、项目分工
    二、Vue安装(简单过程)
    三、WebStorm安装
    四、使用WebStorm运行Vue框架
    五、个人总结

一、项目分工

  今天是我们暑期项目实训的第一天，我们先进行了项目实训的开幕式，结束后再到各个教室进行组会，再去实验室按计划开启项目。我选择的项目是“基于微信小程序开发的教室选座系统”，主要使用的技术是：前端（用户端）使用微信开发者工具编写，后端使用Javaspring框架编写，PC端（管理员端）使用vue框架进行编写。
  我所负责的内容是PC端的开发，主要是管理员对选座系统的后台管理。
  而今天主要做的是确定小组和分工，对开发技术的熟悉和开发环境的搭建，因此我今天主要进行的是Vue的安装和WebStorm的安装工作。

二、Vue安装(简单过程)

  使用NPM安装方法：

  1.Node.js安装：

  从node.js官网下载并安装node。
  运行cmd，输入node -v命令，出现了版本号，证明node.js安装成功。
  本项目安装Vue使用npm进行安装，但是npm资源不全在国内，导致安装无法正常进行，需要使用国内镜像cnpm进行安装。

  2.安装cpnm：

  经过查找资料，在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 即可成功下载cnpm。

  3.安装vue-cli脚手架：

  在命令行中运行命令 npm install -g vue-cli ，来进行vue-cli脚手架的安装。

至此，所有基本的环境以及工具都已安装完成。

三、WebStorm安装

  1.下载

  直接到官网下载，下载最新版本2021.1.2版本。

  2.安装

  找到下载的exe，右键以管理员身份运行，按照提示一步步安装，直到安装结束。如果桌面出现快捷方式图标，至此，webstorm的安装已经完成。

四、使用WebStorm运行Vue框架

   创建一个新的vue项目

   绿色输入框内是项目的路径，蓝色输入框内是node的安装路径，红色输入框内是vue-cli的安装路径。后两个是安装好vue以后自动获取的路径。
  点击create创建一个新项目。

五、个人总结

  今天，是项目实训的第一天，由于以前没有接触过实际项目的团队开发，因此感到比较新鲜。而且我以前没有接触过微信小程序的开发，虽然我这一次是对管理员PC端的开发，没有使用微信开发者工具，但我希望后期可以学习到相关方面的知识，拓宽自己的知识面。