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