Vue 環境安裝和建立專案

2021-09-29 04:36:29 字數 1911 閱讀 8772

使用 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...