圖解使用Visual Studio Code創建和運行Vue項目
本篇經驗將和大師介紹利用Visual Studio Code建立和運行Vue項目標方式，但愿對大師的工作和進修有所幫忙！
方式/步調
- 1
打開電腦中已經安裝的Visual Studio Code軟件，如下圖所示：
- 2
打開菜單欄中的文件->選擇文件夾，瀏覽到當地磁盤中某個vue項目標空白目次，如下圖所示：
- 3
在資本辦理器空白處右鍵選擇“在終端中打開”，如下圖所示：
- 4
我們在終端中輸入以下號令
npm install vue -g
如下圖所示：
- 5
繼續在終端中輸入以下號令
npm install vue-cli -g
如下圖所示：
- 6
繼續在終端中輸入以下號令
npm install webpack -g
如下圖所示：
- 7
我們輸入以下號令來建立一個項目
vue init webpack my-first-vue-project
如下圖所示：
- 8
經由過程cd號令進入到建立的項目目次下，然后輸入號令
npm install
如下圖所示：
- 9
項目建立完當作后的目次布局如下圖所示：
- 10
輸入號令
npm run dev
來運行vue項目，當作功之后會提醒應用程序拜候的路徑，如下圖所示：
- 11
我們在瀏覽器中輸入地址，即可拜候vue的項目了，如下圖所示：
- 發表于 2019-05-16 20:02
- 閱讀 ( 1691 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章