使用vue脚手架进行模块化开发vue-helloword

前端项目

首先，前端项目独立运行，需要服务器，node.js就是前端的服务器。是一个js的运行环境。

安装node.js

官网下载安装包

根据默认条件进行node.js的安装，安装完成之后npm也已经安装好了。

设置npm的镜像地址

npm config set registry http://registry.npm.taobao.org

什么是webpack

webpack是一个自动化构建项目的一个工具，需要全局的安装。（针对于vue）
https://zhuanlan.zhihu.com/p/65574428
参考我之前的前端项目（mmall）初始化：
https://blog.csdn.net/weixin_44142032/article/details/104783558?spm=1001.2014.3001.5501

创建vue项目流程

vue-demo 项目

该项目相当于一个helloword，后期使用的renren-fast使用的都是基于vue的模块化开发的

renren-fast-vue项目

1.现将项目git clone下来，删除.get文件。git clone https://github.com/daxiongYang/renren-fast-vue.git
2.为自己的电脑安装node.js 环境
3.再安装全局的自动化构建项目的工具npm install webpack -g
4.安装依赖
npm install
5. 启动服务
npm run dev

4. 安装全局的vue-cli ： npm install -g @vue/cli-init
5. 使用vscode打开renren-fast-vue文件，运行npm run dev

前端项目中，每一个项目都有一个自己的node_modules文件夹，里面是该项目通过npm下载的各种包。
如果使用npm安装包的时候，-g安装的全局的，就存在全局的node_modules文件下。

Element ui

element ui 是一个基于vue的组件库，如果使用该组件的话，就需要 npm install element-ui 下载下来（下载到了本项目的node_modules中）并在程序代码中导入才可以使用。