vscode에서 vue 프로젝트를 실행하는 방법

vue 프로젝트를 실행하는 방법: 1. vue-cli 스캐폴딩을 사용하여 빈 vue 프로젝트를 빌드합니다. 2. VSCode를 열어 vetur 플러그인을 다운로드합니다. 4. vue 프로젝트를 열고 git을 사용하여 프로젝트를 반복하세요.

이 문서의 운영 환경: Windows 7 시스템, vue 버전 2.5.17, DELL G3 컴퓨터

vue 프로젝트를 vscode에서 실행하는 방법은 무엇입니까?

머리말

以前都是用webstorm编写前端代码，最近开始尝试使用VSCode来写，目前还是有些懵逼的，一步步将使用流程写下来便于之后自己再次配置。

특정 프로세스:

1: 먼저 빈 vue 프로젝트를 빌드하려면 vue-cli 스캐폴딩을 사용해야 합니다. 이에 대해서는 자세히 설명하지 않겠습니다

2: VSCode를 열어 vetur 플러그인을 다운로드하세요

왼쪽 동그라미 아이콘을 클릭해 확장 플러그인을 열고, 상단 검색창에 vetur 플러그인을 검색해 다운로드하세요 그리고 설치하세요. vetur插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是0.29.1版本的
之后需要打开setting.json文件进行配置：

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

3：下载eslint插件的安装，它是一款智能错误检测插件

点击左侧圈起来的图标打开拓展插件，在顶部搜索框搜索eslint插件进行下载安装即可。
下载安装完后就会在扩展列表那看到，例如我的是2.1.13版本的
之后需要打开setting.json文件进行配置：

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

4：打开我们第一步搭建的空vue项目

在终端输入：npm install，先下载对应的依赖。
最后输入：npm start 다운로드하고 설치하면 확장 목록에 표시됩니다. 예를 들어 내 버전은 0.29.1입니다.
그런 다음 구성을 위해 settings.json 파일을 열어야 합니다. rrreee

3: 지능형 eslint 플러그인 설치를 다운로드하세요. 오류 감지 플러그인

클릭 왼쪽 동그라미 아이콘을 이용해 확장 플러그인을 열고, 상단 검색창에 eslint 플러그인을 검색해 다운로드 및 설치하세요 .

다운로드하고 설치하면 확장 목록에 표시됩니다. 예를 들어 내 버전은 2.1.13입니다.

그런 다음 구성을 위해 settings.json 파일을 열어야 합니다.

rrreee

4: 첫 번째 단계에서 만든 빈 vue 프로젝트를 엽니다

Enter 터미널에서: npm install, 먼저 해당 종속성을 다운로드하세요. 마지막으로 npm start를 입력하고 프로젝트를 실행합니다. 🎜🎜5: git을 사용하여 프로젝트 반복 🎜🎜자세한 내용은 VSCode와 함께 git을 사용하는 방법🎜🎜을 참조하세요. 권장 학습: "🎜vue tutorial🎜"🎜🎜🎜🎜🎜🎜🎜🎜

위 내용은 vscode에서 vue 프로젝트를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!