使用 node 对 vue 进行的操作: 打包部署, 解析 vue 单文件组件, 解析每个 vue 模块, 拼在一起, 转码 es6,Less, 等, 启动测试服务器 localhost8080, 帮你管理 vue-router,vue-resource 这些插件, 直接拿来用.
vue 一定要学 node,vue 需要借助 node 才能够进行项目的开发, vue 的项目构建, 加载模块, 启动服务器测试等都需要借助 node 实现.
vue 与 node 的介绍:
vue.js 是一套构建用户界面的渐进式框架. 与其他重量级框架不同的是, Vue 采用自底向上增量开发的设计. Vue 的核心库只关注视图层, 并且非常容易学习, 非常容易与其它库或已有项目整合.
另一方面, Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用.
Vue.JS 自身不是一个全能框架 -- 它只聚焦于视图层. 因此它非常容易学习, 非常容易与其它库或已有项目整合. 另一方面, 在与相关工具和支持库一起使用时, Vue.JS 也能完美地驱动复杂的单页应用.
Node.JS 是一个服务 JS 平台, 有 NPM,grunt,express 等强大的代码与项目管理应用. 还有 webpack,v8 等强大的功能.
Node.JS 的首要目标是提供一种简单的, 用于创建高性能服务器及可在该服务器中运行的各种应用程序的开发工具.
vue 相关目录 / 文件:
build: 项目构建 (webpack) 相关代码(webpack 依赖 node)
config: 配置目录, 包括端口号等. 我们初学可以使用默认的.
node_modules:NPM 加载的项目依赖模块
src:
包含了几个目录及文件:
assets: 放置一些图片, 如 logo 等.
components: 目录里面放了一个组件文件, 可以不用.
App.vue: 项目入口文件, 我们也可以直接将组件写这里, 而不使用 components 目录.
main.JS: 项目的核心文件.
static: 静态资源目录, 如图片, 字体等.
test: 初始测试目录, 可删除
.xxxx 文件: 这些是一些配置文件, 包括语法配置, Git 配置等.
index.html: 首页入口文件, 你可以添加一些 meta 信息或统计代码啥的.
package.JSON: 项目配置文件.
README.md: 项目的说明文档, Markdown 格式
来源: http://www.css88.com/qa/node-js/12264.html