npm（ npm i nrm -g 下載 nrm 工具）+nrm（對下載鏡像地址進行修改）
前端的項目構建工具（基於node.js）
使用 Hbuild 開發工具進行webpack項目的開發
npm常用的命令解析：常用的npm命令（小白入門級別） npm 跟 cnpm
npm i webpack -g
對於項目：
import $ from 'jquery' //效果相當於 const $ = require ( 'jquery' )----這是es6中導入模塊的方式
由於瀏覽器不支持es6的語法，所以可以通過webpack將其語法轉化爲其他版本的語法讓瀏覽器可以進行渲染
注意其中webpack打包命令的變化-----webpack打包命令
webpack-dev-server ------------把該工具安裝到項目的本地開發依賴： cnpm i webpack-dev-server -D
由於該工具是對於項目來說進行的安裝，所以無法直接在命令行中進行執行，所以要在package.json中的" scripts" 中寫入：
"dev":"webpack-dev-server"
然後執行： npm run dev --------其中一般會報錯-----這個時候需要將項目中node_modules文件夾刪除然後再使用 cnpm i 進行重新創建
最後再使用 npm run dev ------（可能還會出現缺少webpack-cli的問題----這個時候再使用 cnpm i webpack-cli -D）---再嘗試運行即可
webpack將整個項目運行在它特定的服務器中：
cnpm i html-webpack-plugin -D將頁面也放入到內存中去
webpack處理非js類型的文件，我們需要手動安裝 一些合適的第三方 loader加載器：
1.cnpm i style-loader css-loader -D
2.在webpack。config。js配置文件中新增配置節點
默認情況下，webpack 無法處理css文件中的url地址，不管是圖片還是字體庫，只要是url地址都處理不了
進行： cnpm i url-loader file-loader -D
設置網頁元素中的 url 地址屬性
cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
cnpm i babel-preset-env babel-preset-stage-0 -D
在webpack項目中，使用vue進行開發: import Vue from '../node_modules/vue/dist/vue.js'
webpack無法打包 .vue 文件，需要安裝相關的 loader （cnpm i vue -loader vue-template-compiler -D）-----在webpack中如果想要通過vue，把一個組件放到頁面中區展示，可以使用new Vue（）中的 render 函數實現 ------- （render : x=>x(login)）
Node中,使用 require(' **') 來導入模塊------- 向外暴露成員的方式： module.exports={}
es6中導入模塊，使用import模塊名稱 ------使用export default （在外部可以使用任意的名稱來接收變量---而且只允許向外暴露一次）和export （如向外暴露成員 export var title = ' hhhhh'-------在外部接收該變量就使用 import ( title ) from './***.js'）向外暴露成員
webpack中使用vue路由（cnpm i vue-router -D）-----先導入vue的包，然後在導入vue-router------通過vue.use（vuerouter）
抽離路由（在項目中單獨建立一個router.js 文件 ---將各種父子類型的路由組件配置到裏面------最後還要通過 export default router 將其暴露出去）
MintUI是基於VUE的組件庫----------而MUI則是一個代碼片段，就相當於bootstrap（在webpack中使用的時候，只需要import相關的css文件即可-----mui並不能使用npm下載，需要手動從github中下載解壓到項目中）
通過git對項目進行託管------先配置好 .gitignore 文件 -----然後使用 git init 創建本地倉庫-------git status 查看狀態------git add .-----將所有文件放到本地倉庫（遠程倉庫爲 碼雲-----需要本地電腦的公鑰---也就是在用戶目錄下面的 .ssh 中的pub文件裏面的內容）
在實際項目中，加載首頁輪播圖數據---使用 vue-resource 組件 ------ cnpm i vue-resource -S
es6中的promise學習：
// 讀文件操作------------------
function getFileByPath(path,callback)
{
fs.readFile(path,'utf-8',(err,datastr) =>{
if(err) callback(err)
callback(datastr)
})
}
getFileByPath(path.join(__dirname,'./package.json'),(data)=>{
console.log(data)
})
vue-preview 的使用 vue中的圖片預覽插件 插件使用地址
vuex 的使用-----相當於一個數據的倉庫