Vue.js入門筆記—環(huán)境搭建

Vue.js官網(wǎng)教程

demo地址

環(huán)境:node.js環(huán)境(直接官網(wǎng)下載包安裝即可)

npm?安裝(一般安裝node以后自動(dòng)會(huì)安裝NPM。)

工具推薦webstore(比較友好的語法提示,與書寫規(guī)范,命令工具)

1.NPM

在用 Vue.js 構(gòu)建大型應(yīng)用時(shí)推薦使用 NPM 安裝, NPM 能很好地和諸如WebpackBrowserify模塊打包器配合使用。 Vue.js 也提供配套工具來開發(fā)單文件組件。

# 最新穩(wěn)定版

$ npm install vue

2.命令行工具 (CLI)

Vue.js 提供一個(gè)官方命令行工具,可用于快速搭建大型單頁應(yīng)用。該工具提供開箱即用的構(gòu)建工具配置,帶來現(xiàn)代化的前端開發(fā)流程。只需幾分鐘即可創(chuàng)建并啟動(dòng)一個(gè)帶熱重載、保存時(shí)靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項(xiàng)目:

# 全局安裝 vue-cli

$ npm install --global vue-cli

# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目

$ vue init webpack my-project (如果直接導(dǎo)入項(xiàng)目無需新建)

# 安裝依賴

$cd my-project

$ npm install

$ npm run dev

注:執(zhí)行 $ npm install 時(shí)大陸用戶會(huì)特別慢,建議將 npm 的注冊(cè)表源設(shè)置為國內(nèi)的鏡像,可以大幅提升安裝速度。

臨時(shí)使用

npm --registry https://registry.npm.taobao.orginstall express

持久使用

npm configsetregistry https://registry.npm.taobao.org

配置后可通過下面方式來驗(yàn)證是否成功

npm config get registry 或 npm info express


到這里環(huán)境基本上搭建好了,可以開始學(xué)習(xí)語法或者導(dǎo)入demo運(yùn)行看看效果了......

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容