vue.js入門環境搭建

使用vue首先需要安裝node。

一、開始安裝全局的vue-cli腳手架(使用vue-cli是因爲它可以幫助我們搭建好我們所要的模板,比較簡單),在命令行輸入:

cnpm install -g vue-cli

如果沒有安裝淘寶的npm鏡像可在命令行輸入:

npm install -g cnpm –registry=https://registry.npm.taobao.org

進行安裝,之後用到npm的地方就可以使用cnpm代替了

檢查是否安裝成功輸入vue回車 有信息出來就成功了!

二、創建一個新的項目(vue_project)

vue init webpack vue_project

每個模塊都是相互依賴的,所以需要下載依賴cnpm install,這時文件夾就多出了一個node_modules文件夾,此時的目錄結構如下:
這裏寫圖片描述

四、測試默認app.vue模塊是否能夠運行:

cnpm run dev

默認端口是;8080,在瀏覽器地址欄輸入http://localhost:8080 也可以打開

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章