使用node对vue进行的操作:打包部署,解析vue单文件组件,解析每个vue模块,拼在一起,转码es6,less,等,启动测试服务器localhost8080, 帮你管理 vue-router,vue-resource这些插件,直接拿来用。

6d557d980a932ccf26fee0d4b4b1e393.png

vue一定要学node,vue需要借助node才能够进行项目的开发,vue的项目构建、加载模块、启动服务器测试等都需要借助node实现。

vue与node的介绍:

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。

nodejs是一个服务js平台,有npm,grunt、express等强大的代码与项目管理应用。还有webpack,v8等强大的功能。

NodeJs的首要目标是提供一种简单的、用于创建高性能服务器及可在该服务器中运行的各种应用程序的开发工具。

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 格式

Logo

前往低代码交流专区

更多推荐