vue腳手架搭建

2021-10-23 11:37:34 字數 401 閱讀 4213

1.安裝最新版本腳手架

npm install -g @vue-cli

2.建立專案

vue create 資料夾名稱

3.選擇自動安裝還是手動安裝

default 自動安裝

manually 手動安裝(建議用)

第二種 vue ul 圖形介面

4.專案開發前環境準備

適配環境 rem vw vh flex

px轉換為rem格式的

svg圖示:放大不失真,可以通過css來調整樣式

1.直接複製svg**,缺點:**量比較大

2.直接當作img來處理

3.svg sprites: svg 雪碧圖

(今天因為網路的原因 安裝了好多次沒有安裝上,注意了vue腳手架用2.0x的)

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...