1. 程式人生 > >VUE之環境安裝

VUE之環境安裝

highlight win 環境 sta 鏈接 nbsp .com 2.7 source

一、環境安裝

軟件安裝:

nodejs https://nodejs.org/en/
vscode https://code.visualstudio.com/docs/?dv=win
python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ

Node.js環境安裝

  參考該鏈接(很詳細):https://www.cnblogs.com/zhouyu2017/p/6485265.html

vscode推薦插件

  Auto Close Tag, Auto Rename Tag, Beautify,Beautify css/sass/scss/less,Bookmarks,Chinese (Simplified) Language Pack for Visual Studio Code,

  Color Highlight,HTML CSS Support,htmltagwrap,Path Autocomplete,Vetur,View In Browser,Vue 2 Snippets,Vue VSCode Snippets,VueHelper

導入項目 

  在vscode中打開項目: 

    文件->打開文件夾->選擇vue_sources項目根目錄,導入項目。

    在項目根目錄執行cmd命令:

    1. 輸入:npm install ,回車,等待安裝package.json配置的相關插件...

    2.輸入:npm run build,編譯項目。

    3.打開dist目錄下的index.html.

VUE之環境安裝