美文网首页
Node + Vue 学习笔记(一)

Node + Vue 学习笔记(一)

作者: 毛毛蟲的码农生活 | 来源:发表于2017-02-10 16:30 被阅读0次

自从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 项目架子就算搭好了。

相关文章

网友评论

      本文标题:Node + Vue 学习笔记(一)

      本文链接:https://www.haomeiwen.com/subject/nxawbttx.html