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

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

demo地址

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

npm?安裝(一般安裝node以后自動會安裝NPM。)

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

1.NPM

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

# 最新穩(wěn)定版

$ npm install vue

2.命令行工具 (CLI)

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

# 全局安裝 vue-cli

$ npm install --global vue-cli

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

$ vue init webpack my-project (如果直接導入項目無需新建)

# 安裝依賴

$cd my-project

$ npm install

$ npm run dev

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

臨時使用

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

持久使用

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

配置后可通過下面方式來驗證是否成功

npm config get registry 或 npm info express


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

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

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

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