前端项目架构(Node.js + Webpack + vue.js)

项目前端主要是基于Node.js + Webpack + vue.js搭建的脚手架Vue-Cli上进行开发的单页面应用。

Node.js:简单的说 Node.js 就是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台。

Webpack:打包工具,模块打包器。

Vue.js:是一套构建用户界面的渐进式框架,MVVM框架,注重视图层的操作。

脚手架搭建步骤:

1. 安装Node.js(百度Node.js官网下载双击安装,建议安装稳定版)。

2. 安装淘宝镜像npm i cnpm -g(因为npm是直接从国外仓库拉去代码,很慢且容易造成包丢失)

3. 命令行输入:cnpm i vue-cli –g (将vue-cli模板下载到本地)

4. 命令行输入:cd name(项目文件夹)

5. 命令行输入:vue init webpack name(项目文件夹)(安装已配置好的webpack模板文件)

6. 命令行输入:cnpm install (从远程仓库拉取所需包文件)

7. 运行项目:npm run dev