第四阶段07-基于element-ui的vue2.0脚手架

35. 创建VUE脚手架项目

参考《VUE Cli课前准备_软件安装篇.pdf》

36. 关于VUE脚手架项目

VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！

在VUE脚手架项目中，主要是设计各个“视图组件”，它们都是整个网页中某个部分，通过显示不同的若干个视图组件，以达到显示不同“页面”的效果！

37. 修改VUE脚手架项目服务端口

在项目文件夹下，找到package.json文件（此文件是创建项目中选择的配置文件）：

完成后，再次启动项目，将可以看到此项目启动在9000端口（以上的配置值）：

38. VUE脚手架的项目结构

VUE脚手架的项目结构为：

• [.idea]：任何使用IntelliJ IDEA打开过的项目都会有此文件夹，是由IntelliJ IDEA自动生成的，记录了IntelliJ IDEA管理此项目时用到的文件，如果此文件夹如现错误，删除即可，后续会自动再次生成

• [node_modules]：当前项目使用到的依赖项的文件夹，不要手动管理此文件夹中的内容，如果项目中缺失此文件夹，或此文件夹中的部分必要内容，项目将无法启动，或无法正确运行，需要在终端窗口中，在当前项目文件夹下执行npm install命令，将自动下载当前项目所需的所有依赖项到此文件夹中

  • 此文件夹通常被配置到.gitignore文件中，所以，使用GIT仓库时，提交代码时此文件夹是不会提交的！同理，从GIT仓库拉取项目到本地时，拉取到的项目也不会包含此文件夹

• [public]：静态资源文件夹，用于存放静态资源文件（例如.css、.js、图片等），此文件夹也是整个项目的资源根目录，此文件夹中的内容通过URL的 / 根路径来访问

  • favicon.ico：图标文件，是固定的文件名，如果你希望使用其它图标，可以使用新