vue腳手架的搭建

2021-08-21 02:58:47 字數 2927 閱讀 6763

npminstall

-g webpack

1安裝vue-cli:

npm install

-gvue

-cli 1

使用vue-cli構建專案

vue init webpack

project

-name //建立乙個基於webpack模板的名為

project

-name的專案 1

目前可用的模板包括:

browserify

–全功能的browserify + vueify,包括熱載入,靜態檢測,單元測試。

browserify-******

–乙個簡易的browserify + vueify,以便於快速開始。

webpack

–全功能的webpack + vueify,包括熱載入,靜態檢測,單元測試。

webpack-******

–乙個簡易的webpack + vueify,以便於快速開始。

安裝專案依賴

cd project

-name

//進入專案目錄

npm install

//安裝專案依賴

npm run dev

//執行專案

12 3

但是這個只能在本地跑,要如何在我們自己的伺服器上訪問呢?此時需要執行

npmrun build 1

element-ui

餓了麼安裝依賴

npminstall 1

執行專案模板

顯示預設顏色

span

>

<

span

class

=>

<

el-button

type

="success"

>

成功按鈕

el-button

>

<

el-button

type

="warning"

>

警告按鈕

el-button

>

<

el-button

type

="danger"

>

危險按鈕

el-button

>

<

el-button

type

="info"

>

資訊按鈕

el-button

>

span

>

div>

<

br/>

<

divclass

="block"

>

<

span

class

="demonstration"

>

hover 顯示顏色

span

>

<

span

class

=>

<

el-button

:plain

="true"

type

="success"

>

成功按鈕

el-button

>

<

el-button

:plain

="true"

type

="warning"

>

警告按鈕

el-button

>

<

el-button

:plain

="true"

type

="danger"

>

危險按鈕

el-button

>

<

el-button

:plain

="true"

type

="info"

>

資訊按鈕

el-button

>

span

>

div>

div>

template

>

<

script

>

export

default

},methods: )

} }

} script

>

<

style

>

body

style

>

方法一:通過科學上網,然後安裝。

npm install phantomjs --phantomjs_cdnurl

= 1element-ui

html

gbkutf-8

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