1. npm
(1)安裝完nodeJs之后遇八,npm就已經(jīng)存在,可在 cmd 命令行窗口中用 "npm -v" 查看
(2)npm是node的一個(gè)包管理工具发乔,但npm在國(guó)內(nèi)網(wǎng)絡(luò)環(huán)境下有時(shí)會(huì)很慢搪花,推薦使用淘寶的npm鏡像(https://npm.taobao.org/)
(3)使用 https://npm.taobao.org/ 網(wǎng)址的 "npm install -g cnpm --registry=https://registry.npm.taobao.org" 命令刁愿,將cnpm安裝到系統(tǒng)中,以后使用npm的地方就用cnpm替換
2. 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. vue
vue.js官方(https://vuefe.cn/v2/guide/installation.html)提供的命令行工具可以快速下載一套基于vue.js的開發(fā)模板豪墅。該模板不僅包含vue.js的框架泉手,還包含vue.js打包的工具、測(cè)試的工具但校、開發(fā)調(diào)試的服務(wù)器等(詳情見(jiàn)下文)
或者
4. 安裝vueClient
(1)提示vue命令沒(méi)有找到螃诅,需要安裝vueClient(vue客戶端),使用 "cnpm install -g vue-cli" 或 "npm install --g vue-cli" 命令状囱。安裝成功后术裸,可以直接在命令行中使用vue命令(3中的第一步)
說(shuō)明:-g指的是全局安裝,加-g會(huì)將vueClient安裝到系統(tǒng)的node目錄下亭枷,不加-g會(huì)將vueClient安裝到當(dāng)前目錄下袭艺。只有加-g才可以接下來(lái)使用vue這個(gè)命令
5. 驗(yàn)證vueClient是否安裝成功
使用cnpm將vueClient安裝上,vue本身變成了一個(gè)命令
6. 進(jìn)入指定路徑叨粘,初始化項(xiàng)目
(1)想將工程建在哪個(gè)目錄下猾编,先通過(guò) "cd 路徑" 進(jìn)入到指定位置,再執(zhí)行下面語(yǔ)句
(2)"vue init webpack my-project"升敲,使用webpack這套模板答倡,使用webpack工具進(jìn)行壓縮和打包(3中的第二步)
7. 進(jìn)入項(xiàng)目所在路徑,下載依賴驴党,運(yùn)行項(xiàng)目
說(shuō)明:"npm install" 是將所有依賴安裝到當(dāng)前目錄下瘪撇,安裝到 node_modules 目錄下。也可使用cnpm代替npm,即 執(zhí)行命令 "cnpm install"