1. 程式人生 > >使用cmd建立Visual Studio Code專案

使用cmd建立Visual Studio Code專案

首先我們在需要建立專案的位置輸入cmd,這樣就可以直接進入這個資料夾操作了
在這裡插入圖片描述
在這裡插入圖片描述

當然也可以這樣,但是我們這樣進去就需要改檔案地址哦,要不然專案就建錯位置了
在這裡插入圖片描述
進去之後我們發現是這樣的
在這裡插入圖片描述
但是C:\Users\Administrator>並不是我們需要新建的位置
這時我們就需要改檔案位置
在這裡插入圖片描述

完成之後我們就開始執行命令來新建專案

1.npm install vue -g(安裝VUE) -g是全域性的意思,如果第一次執行過這個命令就不需要再執行了,當然重複執行也沒有關係

2.npm install -g vue-cli(安裝VUE的腳手架),同上

3.vue init webpack-simple 工程名字<工程名字不能用中文>
執行完第三條命令時,這時會出現一些命令讓你選擇,這裡不用管它,直接回車就好
在這裡插入圖片描述

完了之後我們會發現他給了我們一些指令
在這裡插入圖片描述
(1)cd nn(你的專案名)
(2)npm install
(3)npm run dev
這時我們就按他提示的指令執行就好了(1,2,3一步步的執行),下面是執行成功的顯示
在這裡插入圖片描述
4.安裝Element(一些樣式,也可以不需要)
npm install element-ui

注:在建完專案之後,所有的命令都是在專案內執行