Vue單頁面開發環境安裝

2021-10-17 14:25:02 字數 860 閱讀 1986

vue有兩種使用方式,第一種比較簡單,通過標籤直接將vue引入頁面後,在當前頁面使用vue即可。

第二種方式比較複雜,是通過npm構建工程化的vue專案,當然複雜有複雜的好處,可以使用的功能更加多,可以支撐複雜應用的開發。

在入門學習階段,可以使用第一種方式,快速入門。在熟悉了vue方方面面後,再使用第二種方式深入學習使用。

可以直接通過cdn引入vue,開發環境使用如下方式,可以檢視警告和除錯資訊。

src=

"">

script

>

生產環境下可以使用更加精簡的版本,提高執行效率

src=

"">

script

>

接下來可以使用一段**測試下是否生效。

>

>

>

title

>

src=

"">

script

>

head

>

>

>

展示資訊:}

div>

>

newvue(}

);script

>

body

>

html

>

如上**,如果在頁面上能顯示展示資訊:hello vue,表明咱們的安裝配置成功了。

通過建立vue的安裝環境,與引入一般的js檔案庫沒有啥區別。

這種方式足夠簡單,一般用於單頁面網頁開發。

vue安裝本地開發環境

這裡在終端命令列一條一條執行下來就可以了。npm工具自行安裝 下面cd到自己想要放專案的路徑?project name vue demo 專案名稱,直接回車,按照括號中預設名字 注意這裡的名字不能有大寫字母,如果有會報錯sorry,name can no longer contain capital...

Windows安裝Vue開發環境

注意 看時不起眼的東西,卻總能讓你焦頭爛額,按照此步驟,你將少走很多彎路。滑鼠雙擊執行安裝包 選擇安裝路徑,預設是c盤,我這裡選擇了d盤 預設就好 win r 輸入cmd 開啟dos命令列,輸入node v檢視nodejs版本號 例如 我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾...

Linux環境安裝vue開發環境並打包vue

linux環境安裝vue開發環境並打包 1.安裝node環境mkdir usr local node 建立node目錄 cd usr local node wget xz d node v10.16.3 linux x64.tar.xz 第一次解壓 tar xvf node v10.16.3 lin...