Node + Vue 学习笔记（一）

自从NodeJS问世以来，前端的技术日异月新，更新的速度根本目不暇接，前几天打算起一个基于NodeJS + Vue的项目，结果发现项目都起不起来，项目结构都有点弄不清楚，因此特意记录下此笔记，以供以后回顾。

首先先记录几个官方学习资料：

node
node + express
npm 库
vue.js
vue router
webpack

记录了以上的学习资料后，开始尝试创建项目：

• 使用WebStorm创建一个 Node Express 项目

  
  
  

  Paste_Image.png
• 创建完成后，使用vue-cli脚手架添加 Vue结构

vue init webpack-simple [project name]

ps：在使用脚手架生成项目的时候会覆盖项目本来的package.json文件，因此建议先将项目原本的package.json文件保存到其他目录下，使用vue-cli后，再将原来的依赖资源复制回来

• 使用 npm install 安装模块

npm install

• 修改 webpack.config.js 文件，将原本的./dist改到./public目录下

Paste_Image.png

• build 项目

npm run build

Paste_Image.png

至此，整个 node、express、vue 项目架子就算搭好了。