vue.js開發(fā)環(huán)境搭建教程
vue.js開發(fā)環(huán)境搭建教程分享，具體內(nèi)容如下
1、安裝node.js，忽略
2、基于node.js，利用淘寶npm鏡像安裝相關依賴
在cmd里直接輸入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回車，等待安裝...
3、安裝全局vue，用于幫助搭建所需的模板框架
在cmd里，
1).輸入：cnpm install -g vue-cli，回車，等待安裝...
2).輸入：vue -V，回車，若出現(xiàn)vue信息說明表示成功
4、創(chuàng)建vue項目
在cmd里輸入：vue init webpack vue_test(項目文件夾名)，回車，等待一小會兒，依次出現(xiàn)‘git'下的項，可按下圖操作
5.安裝依賴
在cmd里，
1).輸入：cd vue_test（項目名），回車，進入到具體項目文件夾
2).輸入：cnpm install，回車，等待一小會兒
回到項目文件夾，會發(fā)現(xiàn)項目結構里，多了一個node_modules文件夾（該文件里的內(nèi)容就是之前安裝的依賴）
基于vue-cli創(chuàng)建的默認項目結構如下圖所示：
6.測試環(huán)境是否搭建成功
方法1：在cmd里輸入：cnpm run dev
方法2：在瀏覽里輸入：localhost:8080(默認端口為8080)
運行起來后的效果如下圖所示：
至此，vue.js開發(fā)環(huán)境搭建完畢。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue引用外部JS的兩種種方案,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
nuxt框架中對vuex進行模塊化設置的實現(xiàn)方法
這篇文章主要介紹了nuxt框架中對vuex進行模塊化設置的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
keepalive是Vue的內(nèi)置組件,作用是將組件緩存在內(nèi)存當中,防止重復渲染DOM,屬于消耗內(nèi)存獲取速度,這篇文章主要介紹了vue3項目keepAlive使用方法,主要將keepaliev在vue3.0中的用法,需要的朋友可以參考下2024-03-03
vue-cli中的babel配置文件.babelrc實例詳解
Babel是一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。本文介紹vue-cli腳手架工具根目錄的babelrc配置文件，感興趣的朋友一起看看吧2018-02-02
這篇文章主要介紹了vue.js刪除動態(tài)綁定的radio的指定項,需要的朋友可以參考下2017-06-06
vue2.0嵌套路由實現(xiàn)豆瓣電影分頁功能(附demo)
這篇文章主要介紹了vue2.0嵌套路由實現(xiàn)豆瓣電影分頁功能(附demo),這里整理了詳細的代碼,有需要的小伙伴可以參考下。2017-03-03
解決vue項目中出現(xiàn)Invalid Host header的問題
這篇文章主要介紹了解決vue項目中出現(xiàn)"Invalid Host header"的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了如何解決ECharts圖表切換后縮成一團的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue中.env、.env.development及.env.production文件說明
這篇文章主要給大家介紹了關于Vue中.env、.env.development及.env.production文件說明的相關資料,文中通過實例代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友可以參考下2022-09-09
Vue Element-UI中el-table實現(xiàn)單選的示例代碼
在element-ui中是為我們準備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實現(xiàn)單選的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-12-12