vue專案執行

2021-08-17 06:27:42 字數 674 閱讀 5094

執行vue專案需要:

(1)node.js環境(

npm包管理器)

(2)vue-cli 腳手架構建工具

(3)cnpm  npm 的**映象

一、安裝node.js

安裝完成之後,開啟命令列工具,輸入node -v, 出現相應的版本號,則說明安裝成功

npm 包管理器,是整合在

node

中的,所以直接輸入

npm -v

就會顯示出

npm的版本資訊。

二、安裝cnpm

由於有些npm中一些資源被遮蔽或者是國外資源的原因,經常會導致用

npm安裝依賴包的時候失敗,所以,還需要安裝

npm的國內映象

---cnpm

在命令列中輸入npm install -g cnpm --registry=然後等待安裝。

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

在命令列中執行命令cnpm install -g vue-cli,然後等待安裝完成。

四、用vue-cli構建專案

要建立專案,首先選定目錄,然後在命令列中把目錄轉到選定的目錄。

1、vue init webpack 專案名

2、cd到專案資料夾,然後執行命令

cnpm install

3、執行npm run dev

執行vue專案

windows系統搜尋cmd node v 檢查版本 安裝成功之後就會顯示 安裝cnpm.npm install g cnpm registry 因為npm是國外的,所以在安裝的時候回比較慢,需要安裝 團隊開發的cnpm.安裝webpack npm install webpack g 安裝vue c...

執行vue專案

最開是我執行vue專案以為是直接像執行前端一樣的在xbuilder裡面點run就可以了,其實vue執行要在自己的vue前端專案資料夾中輸入命令 npm run server 注意這個server 他在不同的專案中可能指向它的名稱不同,這個server的名稱在專案的package.json中,指向這個...

如何執行vue專案

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