HBuilder X中搭建vue-cli项目（一）

一、前端项目结构

传统结构：一个项目中有很多HTML文件,一个HTML文件就是一个网页。他们之间彼此独立,互相没有联系,我们每次导入其它前端文件时,需要给每一个HTML文件都导入,需要导入的文件一旦过多,就会很麻烦,并且整体看来很乱。

现代结构：在一个node环境中构建项目(类似于后端的maven),前端改为单页面结构,只有一个HTML文件,所有的配置都是基于这一个HTML文件进行配置,只需要配置一次即可.但是可以有很多的.vue文件,这些不再是一个网页,而是被称为一个组件,需要显示不同的内容时,只需要切换组件即可

二、 安装Node.js前端环境

　 Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时 允许开发人员创建服务器、Web 应用程序、 命令行工具和脚本。

　　nvm是一种流行的运行Node.js方式。它允许您轻松切换Node.js版本，并安装新版本，以便在出现问题时尝试轻松回滚。使用旧版本测试代码也非常有用Node.js版本。

　　NPM<