npm安裝
步驟一:安裝nodejs
打開網(wǎng)站:http://nodejs.cn/download/
按照版本下載你需要的磁玉,這里以windows64安裝程序?yàn)槔?/p>
雙擊打開剛才下載的【node-v10.11.0-x64】,什么都不用猶豫一直下一步直到安裝完成
快捷鍵:【windows鍵+R】輸入cmd鲁猩,打開控制臺(tái)
查看node.js版本版本輸入指令:【node -v】
查看npm版本輸入指令:【npm -v】
如果不是最新版本也可以執(zhí)行命令進(jìn)行更新:【npm install -g npm】
使用淘寶npm鏡像(國(guó)內(nèi)使用官方的太慢了):
【npm? install? -g? cnpm? --registry=https://registry.npm.taobao.org】
步驟二:安裝vue-cli
全局安裝 vue-cli:【cnpm install vue-cli -g】
查看vue-cli是否成功:【vue list】(注意:此處檢查vue-cli,是需要檢查vue而不是vue-cli)
在開始常見項(xiàng)目之前我們要先選擇路徑:【cd 路徑】
新建vue項(xiàng)目:【vue init webpack ?項(xiàng)目名稱】
這里我輸入的是:【vue init webpack vue-demo01】
? Project name ????//這里再次輸入你的項(xiàng)目名稱病曾,然后回車
? Project description (A Vue.js project)????//這里寫你的項(xiàng)目描述畴博,然后回車
? Author ? ?//這是作者名稱
? Vue build?打包方式临燃,回車就好了
填寫完作者后回車鳄虱,會(huì)顯示這樣的如下信息诗力,不要迷茫直接回車
? Install vue-router? (Y/n)? ? 是否安裝vue-router凰浮,這是官方的路由,大多數(shù)情況下都使vue-router官網(wǎng) 苇本。這里就輸入“y”后回車即可袜茧。
? Use ESLint to lint your code? (Y/n) ? 是否使用ESLint管理代碼,ESLint是個(gè)代碼風(fēng)格管理工具瓣窄,是用來統(tǒng)一代碼風(fēng)格的笛厦,并不會(huì)影響整體的運(yùn)行,這也是為了多人協(xié)作俺夕,新手就不用了裳凸,輸入'n'后回車贱鄙。
? Set up unit tests (Y/n)? 設(shè)置單元測(cè)試,這里你可以選擇n
? Setup e2e tests with Nightwatch??E2E測(cè)試姨谷,選擇n
這些完成后直接回車就好
命令:cd project name????//cd 進(jìn)入你剛才建立的項(xiàng)目名目錄逗宁。
切記一定要進(jìn)入到你剛才創(chuàng)建項(xiàng)目的目錄。
cnpm install ? ?// 初始化項(xiàng)目菠秒,安裝依賴疙剑。
項(xiàng)目構(gòu)建完成,輸入【npm run dev】運(yùn)行項(xiàng)目践叠,自動(dòng)打開默認(rèn)瀏覽器顯示頁面言缤。
在瀏覽器中輸入:http://localhost:8080地址
利用vue-cil搭建vue項(xiàng)目,我們會(huì)的得到一個(gè)初始化的文件結(jié)構(gòu)
完成了禁灼,希望你能夠繼續(xù)學(xué)習(xí)下去管挟。