1. 程式人生 > >Visual Studio 使用 vee-validate 的配置注意

Visual Studio 使用 vee-validate 的配置注意

此文獻給對前端有興趣的後端開發們。

作為一個後臺開發,天天做功能邏輯,看不到絢麗的頁面,實在可惜。但作為一個全新的前端小白,搞明白各種前端IDE,配置各種環境是極不划算的。

所以本文就分享下在Visual Studio 中怎麼使用Vee-validate。首先百度了網上其他大大們的分享,發現不外乎 npm,CDN (我就要本地的,哼哼),Browser 3種安裝方式 都不怎麼符合VS的開發環境。

1.從github上下載原始碼:官網上並沒有壓縮包的下載。有也是不全的,至少我沒看到有中文資源包,而中文資源包的存在,使得你的提示從預設的英文切換到大眾能看懂的漢字。

下載地址: https://codeload.github.com/baianat/Vee-validate/zip/2.0.0 

下載好後解壓縮如下:


2.找到dist資料夾,主要資料夾就在這裡.


而其中locale資料夾,很明顯,就是本地化,選擇zh_CN.js 把這兩個資料夾直接放到專案中。作為.NET開發,我們一般放在Scripts資料夾中,然後用<Script></Script>去引用它們。

3.配置 :

const config 是Vue.use(VeeValidate) 的可選引數、如下使用,這個跟官網上的使用方式一致。