使用 cdn 方法,遠端鏈結引入,需要連線網路。
staticfile cdn(國內) :
cdnjs :
npm方法安裝速度較慢,因此不推薦用於日常開發、測試,但在用 vue.js 構建大型應用時推薦使用 npm 安裝。
vue.js 提供了乙個官方命令列工具,可用於快速搭建大型單頁應用。
vue.js 的推薦開發環境為 nodejs。
npm:為 nodejs 下的包管理器。
1. 安裝nodejs
安裝後進行測試檢查是否安裝成功,在鍵盤上按下 win + r 鍵,輸入 cmd,然後回車,開啟cmd視窗,輸入node -v和npm -v顯示當前安裝的版本號,即表示安裝成功。
2. 安裝**映象
可以選擇性的安裝,由於使用 npm 的官方映象可能會非常慢,也可能會出現很多問題,這裡使用** npm 映象。
輸入以下命令。
3. 安裝腳手架
腳手架幫助我們搭建基本的開發環境,好比架子搭建好了,利用它可以搞定目錄結構,本地除錯,單元測試,熱載入及**部署等。
輸入指令 cnpm install -g vue-cli ,期間若停止可按 enter 鍵繼續執行。
輸入 vue -v 可以檢視 vue 版本。
這時環境已經基本搭建成功。
4. 建立vue.js專案
建議不要裝在c盤,這裡我們在 d 盤下建立專案,首先要通過命令列進入 d 盤,輸入 d: 進入 d 盤。
接下來,再在 d 盤下建立專案,如果要在某個檔案內建立專案的話,需要進入到相應的資料夾內。
輸入 vue init webpack my-first-demo 命令,my-first-demo 是自定義的專案名字。
5. 安裝依賴
由於各個模板之間都是相互依賴的,所以安裝依賴。
進入到建立的專案中 cd my-first-demo ,輸入指令 cnpm install 。
6. 安裝完成
輸入命令 cnpm run dev 啟動專案,啟動成功後用
http://localhost:8080 訪問專案。
vue環境安裝搭建及專案建立
一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑,新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...
vue環境搭建,vue專案建立
vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...
Vue環境安裝配置及建立專案
安裝node,檢查node安裝是否成功,在git工具中輸入node v,出現版本號即可。檢查npm是否安裝成功,在git工具中輸入npm npm一般隨node一起安裝在電腦中 cnpm安裝 在git工具中輸入 npm install g cnpm registry 檢驗是否安裝成功 cnpm v y...