vue cli(vue腳手架)搭建vue專案

2021-08-21 11:53:16 字數 385 閱讀 9422

1)安裝vue-cli

開啟cmd ,敲入命令:

npm install --global vue-cli   (–global:全域性安裝)

2)建立專案

在cmd視窗中cd到某個位置(將在該位置建立專案目錄),然後輸入命令:

vue init webpack vuedemo   (vuedemo為自定義的專案名稱)

中間需要選擇(y/n)相關的選項,根據自己需要,選擇yes或者no

建立好後,會在該目錄下生成vuedemo資料夾,即為vue專案資料夾。

npm install 

4)啟動專案

npm run dev 

啟動完成,開啟瀏覽器,輸入localhost:埠號,即可訪問vue專案了!

vue cli(vue腳手架)搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案。這篇文章將會從實操的角度,介紹整個搭建的過程。其實這次使用vue cli的過程並不順利,反覆嘗試幾次都遇到以下這個報錯 建立vue cli工程專案時的報錯 在網上查了很多資料才發現原來是nod...

Vue cli vue腳手架 安裝

準備工作 首先安裝node 和 npm 不會安裝的話請參考 並且保證node版本是v6及以上,話不多說,上圖 安裝和解除安裝 一.安裝 1.安裝2.x 安裝npm install vue cli g 版本檢視 vue v 或者 vue version 2.安裝3.x 或 4.x 安裝cnpm ins...

使用Vue cli Vue腳手架 快速搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案.特地在此記錄搭建的全過程 其實對於安裝vue cli,使用npm命令和cnpm命令都是可以的,個人覺得使用npm安裝的比較慢,而且很可能會因為網路問題而出錯,所以還是覺得使用cnpm穩一點。1...