如何執行vue專案

2022-05-06 07:15:08 字數 507 閱讀 9754

1、安裝 node.js (預設安裝即可)

2、win+r 輸入 cmd  進入命令列模式,輸入  node -v ,顯示版本號,代表安裝成功;

3、安裝cnpm

由於npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有還需要npm的國內映象---cnpm

在命令列中輸入 npm install -g cnpm --registry=

4、安裝webpack

cnpm install webpack -g

5、安裝 vue-cli

cnpm install vue-cli -g

環境搭建完畢。

執行專案:

1、進入你的檔案目錄,輸入npm install

(注:在資料夾按住shift鍵,不要鬆開,在資料夾右擊,可以直接在當前資料夾開啟cmd)

2、安裝成功,專案會多 node_modules 資料夾

3、然後 npm run dev

4、本地執行

如何執行vue專案

通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。首先,列出來我們需要的東西 安裝node.js從 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所以,直接輸...

如何執行vue專案

在師兄的推薦下入坑vue.js 發現不知如何執行github上的開源專案,很尷尬。通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。可以看下我的github 裡面有我學習 工作寫的一些vue專案。言歸正傳 首先,列出來我們需要的東西 安裝node...

如何執行vue專案

首先,列出來我們需要的東西 安裝node.js 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所以,直接輸入 npm v就會如下圖所示,顯示出npm的版本資訊。ok!node環境已經安裝完成,npm包管理器也有了...