安裝及使用 地址:http://www.node.js.cn 特性: 非阻塞IO模型 事件驅動 應用場景 高併發低業務------聊天,電子商務,直播 實時場景 判斷node.js安裝成功 命令行中輸入node -v 或者 npm -v 進入編輯模式:node + 回車 能夠進行一些運算 退出模式:Ctrl+d 或 Ctrl+c(兩次) 首先進行項目初始化:npm init (快速初始化 npm init -y),會生成文件:package。json npm install 包的名字(express) --save-dev 生成node_modules文件夾 npm install 包的名字 --save-dev:把依賴包增長到開發環境下 npm install 包的名字 --save:把依賴包增長到運行環境下 模塊化開發: a.js文件: var man =123 module.exports = man b.js文件: require("./a.js") 執行文件:node b.js express框架 它是一個基於node.js平臺的web應用框架,靈活方便,可以快速建立出服務端程序 npm install express --save-devwebpack:它是一個模塊管理器他能夠把js文件當模塊來使用他能夠把以上的這些文件進行打包壓縮成一個js文件,減小了HTTP的請求根據模塊之間的依賴關係進行分析,按需加載能夠按裝一下插件,對插件進行打包處理安裝及使用 npm install webpack -g(global)打包方式: 手動打包: a.js webpack a.js /test/a2.js建立VUE項目: npm install vue-cli -g 在全局變量下安裝腳手架 vue init webpack 項目名 初始化項目 cd 項目名 切入項目下 npm run dev 運行項目 修改config下的index.js文件中的autoOpenBrowser: true,啓動服務自動打開客戶端組件:它是可擴展的HTML裏面包含: <template></template> <script></script> <style></style>vue框架的特性:可以實現熱加載import和require的區別: import:必定要放在文件頂部,至關於一個指針引用了文件,並無把文件包含進來,須要調用文件時引入 require:能夠放在文件中任何位置,他是直接把文件包含進來設置文件路由的流程: 一、創建組件(.vue的文件) 二、配置路由(index.js文件中配置) 三、<router-link to="/">首頁</router-link> (compoents.<template><router-link to="/">首頁</router-link> </template>) 四、<router-view/> (App.vue中<template><router-view/></template>) 五、更新……Vue組件的生命週期 一、定義Vue對象並實例化 二、create函數 三、編譯模板 四、把HTML元素渲染到頁面中 五、mounted函數 六、若是有元素的更新,就執行updated函數 七、銷燬實例