学习JS有一段时间了，准备尝试写一个博客项目。前后端分开开发。后端使用node只提供数据接口，前端使用vue-cli脚手架搭建，路由也由前端控制。数据的异步交互是用vue的一个插件vue-resourse完成的，数据库使用mongodb。总的来说，开发一个博客系统就是node+vue+mongodb，探索前端到全栈之路。我会把整个过程记录在我的专栏里。有兴趣的可以关注一下，一起学习。欢迎讨论。话不多说，先初始化前后端项目。前端项目初始化新建项目的文件夹，切换到新建的文件夹安装vue脚手架vue-cli。在命令行输入npminstallvue-cli-g。安装完成后，进入vueinitwebpackblog//vue初始化，blog是项目名称可以自己改，初始化的数据可以选择默认也可以根据自己的需要自己命名。需要注意的是vue-router选项需要是yes，因为需要前后端分离，路由由前端控制。安装完成后，输入命令cdblog切换到项目文件夹，输入命令npmrundev访问http://localhost:8080，项目初始化完成。（最新版本的vue-cli不需要手动安装依赖，会自动安装，所以没有npminstall）这里说明一下，项目的目录build和config文件是和webpack的配置相关的，更不用说项目中安装的依赖了，它们都存放在node_modules目录下。src目录是我们在开发过程中编写代码的地方。Assets存放一些js、css、图片等资源。您可以根据自己的需要选择要不要。.vue文件放在components中，每个文件就是一个index.js在component中router是我们写路由的地方app.vue是最终的单页渲染组件main.js是整个项目的入口文件back-结束项目初始化这里我使用node的express框架，首先安装expressgenerator，用于快速生成express应用骨架命令行输入npminstallexpress-generator-g安装成功后，命令行输入expressblog-server//这里的blog-server是后端工程的名称，根据自己的需要更改安装完成后，进入后端工程cdblog-server，执行npminstall安装工程依赖。安装完成后，启动项目npmstart，打开浏览器访问localhost:3000。可以看到前端和后端都启动成功了，接下来正式开始开发。表演时间~
