vue cli2 X環境搭建

2022-08-29 02:06:07 字數 1502 閱讀 3114

1.先安裝nodejs環境

(選擇版本)

下一步 下一步 預設安裝就行

2.檢查node和npm的是否成功安裝

node -v npm -v (版本號)

3.安裝cnpm

安裝ing

完成安裝

4.安裝vue框架;

5.安裝webpack打包工具;

6.建乙個專案資料夾 然後cd到它

7.webpack打包vue元件到專案資料夾 ;

特別注意:這裡應該選擇第三項 自己建立 就不會 報下面的錯誤了 原因應該是 選第一項是用npm建立 npm國內太慢就報錯了

選自己建立 然後用 cnpm install 建立就好了

8.cd 到專案資料夾內 帶package.json 這個目錄層級

cnpm install 

然後在npm run dev 專案伺服器就啟動了 瀏覽器http://localhost:8080 訪問即可

vue cli2 x與vue cli3 x的搭建

vue cli2.x與vue cli3.x的搭建 搭建前提條件 一 node環境 這裡不詳細介紹 二 安裝webpack 執行npm install webpack g 三 安裝vue cli 2.x npm install vue cli g 建立專案 vue init webpack 專案名 不...

vue cli2 x和vue 3 x安裝區別

1.npm install vue cli g 安裝vue cli2.x腳手架 2.vue init webpack 使用vue cli2.x來建立乙個名稱為 的專案 3.cd 進入剛建立好的專案的路徑下 4.npm install 安裝依賴 5.npm run dev 啟動專案1.npm inst...

vue cli 環境搭建

vue cli是乙個快速構建vue單頁面應用 spa 的腳手架 不適合新手使用,因為有太多需要了解的東西,如 node.js npm webpack等 vue cli 環境搭建步驟 1,安裝node.js 官網 檢視node.js的版本 node v 檢視npm的版本 npm v 設定 的 設定 後...