Web开发的流程

安装Nodejs, npn, webpack等环境

详见文章 《Mac上面安装Nodejs,npm,cnpm,webpack》

创建项目并初始化

使用npm初始化项目文件夹:

npm init -y

初始化以后，目录中会生成 "package.json"和"package-lock.json"两个文件，其中package.json描述了项目的配置，package-lock.json文件描述了项目的依赖库，安装webpack:

npm install webpack webpack-cli --save-dev

安装完成后，在package.json中可以看到"devDependencies"项下自动添加了webpack依赖

添加Webpack配置文件

在项目中新建文件webpack.config.js，然后进行一系列配置（此处略，请拷贝以前项目中的配置文件）

设置结构目录

我的项目中，一般安装如下的结构目录：

- web
--  config
--  pages
--  static
---   css
---   img
---   js
----    src
----    dist
----    libs

pages放了前端页面，static-js中放了vue开发所需要的环境、源码和编译文件，config中放了数据库、网站配置、宏定义等等

前端页面开发方式

一般可以直接用html的文件，或者使用.vue脚手架开发方式，这样好处是代码提示更完善。但是我一般在页面中动态生成很多信息，所以前端页面我使用.php嵌入html和vue代码的开发方式，虽然代码提示不太方便，但是更加满足我的需求