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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 聊天中,经常会碰到对方说你“一语道破天机”“说的太对了,我就是这个意思”“哇,说到我心坎上了”......之类的话...
    原理的世界阅读 3,541评论 0 2
  • 赶着五月的尾巴,去了趟重庆。 在栀子飘香的季节,走进这个西南重镇,感受巴蜀文化的魅力,不啻于一场饕餮盛宴。 色:清...
    蔹蔓于野阅读 3,237评论 0 1