Vue 搭建Vue腳手架(vue cli)

2021-09-20 06:45:41 字數 2094 閱讀 4357

安裝nodejs

我們所需要的npm包管理器,是整合在node中的,所以,直接輸入npm -v就會如下圖所示,顯示出npm的版本資訊。

vue安裝

在用 vue.js 構建大型應用時推薦使用 npm 安裝,npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js 也提供配套工具來開發單檔案元件。

npm install vue

安裝vue-cli腳手架構建工具

vue-cli 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。

# 全域性安裝 vue-cli

$ npm install --global vue-cli

建立乙個基於 webpack 模板的新專案運 行:

『npm

inst

all−

gvue

−cli

『報錯e

rror

:eac

ces:

perm

issi

onde

nied

,acc

ess′

/usr

/loc

al/l

ib/n

odem

odul

es/v

ue−c

li/n

odem

odul

es/a

nsi−

esca

\color

執行:『np

mins

tall

−**u

e−cl

i『報錯

erro

r:ea

cces

:per

miss

iond

enie

d,ac

cess

′/us

r/lo

cal/

lib/

node

m​od

ules

/vue

−cli

/nod

em​o

dule

s/an

si−e

sca這是檔案許可權問題,使用命令:sudo npm install -g vue-cli即可

運 行:

『npm

inst

all−

gvue

−cli

『報錯e

rror

:eac

ces:

perm

issi

onde

nied

,acc

ess′

/usr

/loc

al/l

ib/n

odem

odul

es/v

ue−c

li/n

odem

odul

es/i

nher

its′

\color

執行:『np

mins

tall

−**u

e−cl

i『報錯

erro

r:ea

cces

:per

miss

iond

enie

d,ac

cess

′/us

r/lo

cal/

lib/

node

m​od

ules

/vue

−cli

/nod

em​o

dule

s/in

heri

ts′這是檔案許可權問題,使用命令:sudo chown -r $user /usr/local即可

Vue搭建專案 Day1 搭建腳手架Vue cli

一 環境安裝 要搭建vue cli需要先在本機有node和npm的環境。二 建立vue cli專案 安裝vue cli環境,在命令列裡輸入以下命令 全域性安裝 npm install g vue cli安裝完成之後再全域性安裝webpack打包工具 npm install webpack g安裝成功...

搭建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...