做网站的网络非要专线吗,网站域名备案信息查询,在门户网站上做推广,wordpress删除分类一、需要了解的基本知识 node.js Node.js是一个Javascript运行环境(runtime)#xff0c;发布于2009年5月#xff0c;由Ryan Dahl开发#xff0c;实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化#xff0c;提供替代的API#xff0c;使得V8在非浏览器环境…一、需要了解的基本知识 node.js Node.js是一个Javascript运行环境(runtime)发布于2009年5月由Ryan Dahl开发实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化提供替代的API使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动 非阻塞I/O模型而得以轻量和高效非常适合在分布式设备上运行数据密集型的实时应用。总结一下node,js提供了javascript在浏览器以外的一个执行环境满足一些特定的场景需求。 npm npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。 webpack WebPack可以看做是模块打包机它做的事情是分析你的项目结构找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言ScssTypeScript等并将其打包为合适的格式以供浏览器使用。通过webpack可以把基于模块开发的前端工程代码打包成可以在浏览器使用的格式。 vue2 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层它不仅易于上手还便于与第三方库或既有项目整合。另一方面当与单文件系统和vue生态系统支持的库结合使用时Vue 也完全能够为复杂的单页应用程序提供驱动。在开发中vue会把使用vue语法修饰的html标签与js对象进行绑定从而使html值变化时可以同步修改js对象js对象值变化时可以在页面暂时使开发从复杂的document操作中解脱出来。 iview 一套基于 Vue.js 的高质量 UI 组件库通过iveiw可以快速的开发出风格一致的前端界面。 二、node.js安装 下载地址https://nodejs.org/en/download/。 下载完成后安装直接按默认方式安装就行 打开cmd 输入下面的命令查看是否成功安装node -vnpm -v 三、搭建项目
1 .打开idea,新建项目Create New Project Static Web填写project name和选择保存的工作空间Finish 3.png
2.安装vue脚手架工具 首先安装npm的淘宝镜像(下载速度比较快)打开idea的Terminal 输入以下的命令 npm i -g cnpm --registryhttps://registry.npm.taobao.org 等待下载完成以后继续安装vue的脚手架工具在Terminal内继续输入以下命令npm i -g vue-cli 测试是否安装成功vue -V 脚手架安装完成后初始化包结构,继续输入vue init webpack demo demo为你前面新建的项目名。初始化会进行设置。可参考此处设置。初始化完成后。依次在Terminal输入图片内的黄色文字 完成后会提示在哪个端口可以访问此处现在是8080 打开浏览器输入localhost:8080,出现以下画面简单的demo就搭建完成了 。
