搭建vue環境 Mac 學習筆記

2021-08-21 09:13:15 字數 1300 閱讀 3577

npm -v

** 安裝**映象【可選】

sudo npm install -g cnpm --registry=

2.1 安裝vue-cli腳手架構建工具

vue -v(v是大寫哦~)

a. 建立基於 webpack 模板的專案

在專案資料夾,右鍵,服務–開啟終端。

vue init webpack vuedemo[vuedemo 是專案名]

** 初始化專案時,需要填寫一些專案資訊,不想填的可以直接回車。

vue build (use arrow keys)

❯ runtime + compiler: recommended for most users //執行時編譯

❯ runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specific html) are only allowed in .vue //執行時普通情況下的編譯

files - render functions are required elsewhere

vue build : 一般選 runtime + compiler: recommended for most users 執行加編譯(推薦大部分人使用);(按上下箭頭選中回車即可)

選擇後變為vue build standalone

b. 安裝專案所需依賴

進入專案檔案 cd vuedemo

npm install

如下圖既是成功:

** 我本地測試,沒有使用第二步的npm install 直接到第三步也是可以的,正常開啟頁面的,但網上的教程似乎都有這一步。

c. 執行

進入到專案資料夾,

npm run dev

如果成功如下圖:

開啟瀏覽器輸入**:

mac 搭建Vue開發環境

1 使用的各個工具的版本為 homebrew 1 node.js npm webpack vue 2 安裝brew 開啟終端執行一下命令 usr bin ruby e curl fssl 會出現如下內容,按一下回車,輸入電腦密碼,就繼續安裝了 press return to continue or ...

mac 環境搭建

把nginx和prce 放到同一目錄 例如 都放到documents下 cd users mac documents nginx 1.5.9 sudo configure prefix usr local nginx with pcre pcre 8.33 sudo make sudo make i...

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於搭建所需的模板框架 1 輸入 cnpm ...