摘要:安裝環(huán)境下載地址安裝版本管理器下載到上下載最新版本的安裝包,然后按提示安裝即可。全局安裝命令查看源鏡像的命令以上都是鏡像地址。鏡像地址前面的表示當(dāng)前使用該地址下包。若修改的位置,輸入表示使用該鏡像。至此,開發(fā)環(huán)境搭建完畢。
1、安裝node.js 環(huán)境
node.js下載地址:https://nodejs.org/dist/v12.4...
2、安裝node 版本管理器【NVM】下載nvm
到github上下載最新版本 https://github.com/coreybutle... 的安裝包 nvm-setup.zip ,然后按提示安裝即可。
nvm常用命令
nvm install ## 安裝指定版本,可模糊安裝,如:安裝v6.2.0,既可nvm install v6.2.0,又可nvm install 6.2 nvm uninstall ## 刪除已安裝的指定版本,語法與install類似 nvm use ## 切換使用指定的版本node nvm ls ## 列出所有安裝的版本 nvm ls-remote ## 列出所以遠程服務(wù)器的版本(官方node version list) nvm current ## 顯示當(dāng)前的版本 nvm alias ## 給不同的版本號添加別名 nvm unalias ## 刪除已定義的別名 nvm reinstall-packages ## 在當(dāng)前版本node環(huán)境下,重新全局安裝指定版本號的npm包
查看可安裝版本列表
nvm list available
列出本地已安裝版本列表:
nvm list
安裝node,比如安裝 12.3.1 版本的node
nvm install 12.3.1
使用指定node 版本,比如:
nvm use 10.13.03、安裝npm的鏡像源管理器(NRM)
npm 的下載包地址: https://registry.npmjs.org/ ,國外的。nrm(npm registry manager )是npm的鏡像源管理工具(地址:https://github.com/Pana/nrm),有時候國外資源太慢,那么我們可以用這個來切換鏡像源。
全局安裝NRM 命令:
npm install -g nrm
查看源鏡像的命令:
nrm ls
以上都是鏡像地址。鏡像地址前面的 表示當(dāng)前使用該地址下包。若修改 的位置 ,輸入: nrm use cnpm (表示使用該鏡像) 。
使用源,比如使用國內(nèi)淘寶的源:
nrm use taobao
測試 npm源的速度命令:
nrm test npm
測試所有源的速度命令:
nrm test
NRM的作用:
只是單純的提供了幾個常用的下載包的地址,并能夠讓我們在這幾個地址間
進行切換,但我們每次裝包的時候 使用的裝包工具 ,都是 npm 。
安裝 @vue/cli :(全局)
npm install -g @vue/cli
若想要使用舊的 vue-li 還要安裝 @vue/cli-init :
npm install -g @vue/cli-init
vue-cli 文檔:https://github.com/vuejs/vue-...
5、安裝 Vue Devtools 調(diào)試器在瀏覽器上安裝 Vue Devtools。它允許你在使用 Vue 時,能夠有一個更友好的界面來審查和調(diào)試 Vue 應(yīng)用。
至此,webpack+vue.js 開發(fā)環(huán)境搭建完畢。
6、創(chuàng)建一個vue 項目demo打開cmd 命令窗口,進入一個文件夾,敲入以下命令,生成一個vue項目:
vue init webpack demo5
填寫相應(yīng)參數(shù)
創(chuàng)建完成后,敲入命令
cd demo5
進入項目文件夾后,敲入命令
npm install
安裝相關(guān)依賴的包,然后敲入命令執(zhí)行項目。
npm run dev
在瀏覽器打開http://localhost:8081
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/106366.html
摘要:放置在目錄下或通過絕對路徑被引用。對于相關(guān)來說,我們推薦使用而不是直接鏈?zhǔn)街付?。在不更改配置文件的情況下,前端頁面迭代發(fā)布,不需要重啟服務(wù)。 作者:gauseen 0. 關(guān)于 Vuejs 簡介:Vue (讀音 /vju?/,類似于 view) 是一套用于構(gòu)建用戶界面的漸進式框架,易用、靈活、高效。 生態(tài)系統(tǒng) 項目 介紹 awesome-vue Vue.js 相關(guān)很棒的...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
閱讀 3688·2021-11-19 09:56
閱讀 1468·2021-09-22 15:11
閱讀 1127·2019-08-30 15:55
閱讀 3371·2019-08-29 14:02
閱讀 2911·2019-08-29 11:07
閱讀 433·2019-08-28 17:52
閱讀 3172·2019-08-26 13:59
閱讀 436·2019-08-26 13:53