vue cli工具搭建vue webpack專案

2022-09-11 18:33:11 字數 645 閱讀 7719

1.安裝node環境

node -v安裝成功後在命令列檢視node版本

npm -v安裝成功後在命令列檢視npm版本

2.用npm全域性安裝工具vue-cli

npm install vue-cli -g

3.使用vue-cli初始化webpack專案

vue init webpack beizhidemo (專案名)//專案名不能包含大寫字母

初始化之後會執行提示,按照提示操作即可;

cd beizhidemo進入專案

npm run dev啟動本地開發

服務已經啟動了,埠號為配置檔案中的埠

用vue cli 工具搭建專案

一 安裝node環境 如果已安裝可以跳過 二 安裝vue腳手架工具vue cli 1 在用npm裝vue cli之前,發現用npm安裝的速度有點慢,一般我們幫 映象 cnpm 首先我們通過 npm install g cnpm registry 安裝cnpm,以下就可以用cnpm來安裝想要的模組了。...

vue cli 專案搭建

1 因為之前已經安裝過node.js和git,所以直接用npm 2 吶吶吶npm速度慢是一定的了,所以用 映象,將npm cnpm 這裡寫 片3 開啟cmd,進入想要建立專案的目錄下,輸入 vue init webpack projectname4 安裝提示選擇 project name 專案名稱 ...

vue cli搭建專案

一 安裝node 不做詳述 我的node安裝位置d program files 安裝檔案包名是nodejs 即 d program files nodejs 如果是直接在d盤的node資料夾 那就是d node 配置環境變數 我的電腦 計算機右鍵 高階系統設定 環境變數 系統變數中 path 追加 ...