一.安裝node.js
安裝地址:https://nodejs.org/en/download/(參考安裝步驟:http://www.runoob.com/nodejs/nodejs-install-setup.html)
安裝后檢查命令板里自己檢測是否成功:運行cmd ,輸入代碼: node -v 如圖:會打印出版本號
-
1.node.js
-
服務器語言
- 類似phthon語言,電腦安裝nodejs之后,它自帶一個npm模塊,就像安裝python之后,自帶一個模塊pip3,,
通過pip3 install Django命令下載Django,下載python中的第三方模塊。
- nodejs有內置模塊:如fs-文件系統,先引入,在調用就可以
-
npm install *下載
(下載前端的包:如jquery,bootstrap,vue,如果不確定能否下載,可以去npm官網https://www.npmjs.com/)
-
ES6Module導入包時
首先 1.先export default
2.import *** from '模塊'
服務器語言與前端語言不同之處
- 它操作系統
- 讀文件,對文件操作
- js全局對象為window
- 服務器語言自帶model
-
2. babel作用:解析ES6的代碼轉化成ES5的語法(瀏覽器可以識別ES5語法)
ES6有部分的api(代碼)瀏覽器識別不了
-
3.webpack(打包機):
能將我們的html、css、js、png等打個包;能壓縮我們的js、css、html;之后編譯打包=》上線
-
4.vue-cli(腳手架) 內部集成了:nodejs(服務器)+ webpack(內部可下載babel)
- nodejs(服務器)服務器可以讓我們的前端項目支撐起來
- 如果vue-cli內部集成了nodejs,那他就是掛載到了服務器上了,就把前端項目跑在服務器上了,比如localhost8800,本地服務器
- 然后webpack進行編譯打包,
-
下載完vue-cli腳手架,按照他的規則去做我們想做的事就可以
-