中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何在vscode上運行vue項目

發布時間:2021-09-13 11:50:29 來源:億速云 閱讀:1088 作者:chen 欄目:編程語言

本篇內容介紹了“如何在vscode上運行vue項目”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

本文操作環境:Windows7系統、vue2.5.17版,DELL G3電腦

怎么在vscode上運行vue項目?前言

以前都是用webstorm編寫前端代碼,最近開始嘗試使用VSCode來寫,目前還是有些懵逼的,一步步將使用流程寫下來便于之后自己再次配置。

具體流程:

1:首先還是需要我們利用vue-cli腳手架搭建空vue項目,這個我就不贅述了

2:打開VSCode下載vetur插件

點擊左側圈起來的圖標打開拓展插件,在頂部搜索框搜索vetur插件進行下載安裝即可。
下載安裝完后就會在擴展列表那看到,例如我的是0.29.1版本的
之后需要打開setting.json文件進行配置:

 "emmet.syntaxProfiles": {
       "vue-html":"html",
       "vue":"html"
   },

如何在vscode上運行vue項目

3:下載eslint插件的安裝,它是一款智能錯誤檢測插件

點擊左側圈起來的圖標打開拓展插件,在頂部搜索框搜索eslint插件進行下載安裝即可。
下載安裝完后就會在擴展列表那看到,例如我的是2.1.13版本的
之后需要打開setting.json文件進行配置:

"eslint.validate": [
      "javascript",
       "gavesciptreact",
       "html",
       "vue"
   ],
   "eslint.options": {
       "plugins":["html"]
   },

如何在vscode上運行vue項目

4:打開我們第一步搭建的空vue項目

在終端輸入:npm install,先下載對應的依賴。
最后輸入:npm start,運行項目:
如何在vscode上運行vue項目
在瀏覽器打開相應地址看到如圖示則表示運行成功:
如何在vscode上運行vue項目

5:利用git進行項目迭代

這個具體可看VSCode如何使用git

“如何在vscode上運行vue項目”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

洪泽县| 界首市| 松滋市| 伊金霍洛旗| 休宁县| 无为县| 招远市| 平湖市| 高尔夫| 博乐市| 剑阁县| 肥城市| 昌黎县| 夏河县| 宜宾市| 泰顺县| 时尚| 诸城市| 岢岚县| 玛沁县| 濮阳县| 澎湖县| 上高县| 红原县| 泾川县| 岢岚县| 扬中市| 桐柏县| 广宁县| 阿拉尔市| 南涧| 蒲城县| 化隆| 江城| 寿阳县| 南皮县| 时尚| 临夏市| 日土县| 隆安县| 东阿县|