1. 程式人生 > 其它 >vscode前端vue框架建立

vscode前端vue框架建立

一、在gitee上建立倉庫

1、建立完之後記得初始化readme檔案

2、初始化之後點選克隆,將下方的地址複製下來

 

二、將建立好的倉庫克隆到本地

1、先建立一個PythonTest資料夾

 

2、然後開啟終端,找到資料夾所在位置,用下列命令將倉庫克隆下來

git clone 克隆的地址

三、在倉庫中建立vue架構

1、安裝vue-cli

npm install -g vue-cli

 

 

 如果這裡的npm install報錯的話,則是代理的問題,參考博文https://www.cnblogs.com/s313139232/p/7885518.html

2、安裝webpack

npm install -g webpack

3、建立vue資料夾

vue init webpack 專案名稱

對其進行配置

安裝成功

4、下載webpack-dev-server

先進入剛剛建立的專案中

cd PythonTest

然後安裝

npm install webpack-dev-server

5、生成Package.json包

npm init -y

6、安裝gulp

npm i gulp -D

7、安裝監聽sass工具

npm i gulp-sass node-sass -D

8、測試執行

進入建立的vue檔案

npm run start

在瀏覽器輸入localhost:8081看到以下介面則建立成功。