執行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中的,所以,直接輸...