Heim >Entwicklungswerkzeuge >VSCode >So erstellen Sie das gerade heruntergeladene vscode vue-Projekt

So erstellen Sie das gerade heruntergeladene vscode vue-Projekt

angryTom
angryTomOriginal
2019-11-18 17:08:402938Durchsuche

So erstellen Sie das gerade heruntergeladene vscode vue-Projekt

刚下载的vscode vue项目怎么建立

一、插件安装

安装vue插件vetur,实现支持vue文件的代码高亮

安装插件: 点击vscode左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可

同样方式安装ESLint 插件。

二、 安装node.js

去官网下载安装包,下载完成后默认安装,安装完成后打开cmd 输入下面的命令查看是否成功安装(npm是一起安装的)

C:\Users\45014>node -v
v8.11.3
C:\Users\45014>npm -v
5.6.0
C:\Users\45014>

三、 使用脚手架安装项目

vscode点击Terminal菜单,选择new Terminal,创建一个命令行终端窗口,然后切换到对应的准备存放代码的目录

输入:vue init webpack vue_test回车,然后输入工程名称vue_test

之后按照提示说明输入

PS D:\Study\code\vue> cd vue_test
PS D:\Study\code\vue\vue_test> npm run dev
 
> vue_test@1.0.0 dev D:\Study\code\vue\vue_test
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
 13% building modules 27/31 modules 4 active ...:\Study\code\vue\vue_test\src 95% emitting
 DONE  Compiled successfully in 6043ms                                                                                                                  9:10:00 PM
 I  Your application is running here: http://localhost:8080

四、打开浏览器输入:http://localhost:8080

So erstellen Sie das gerade heruntergeladene vscode vue-Projekt

这样使用vscode就建立了一个项目。

相关推荐:《vscode使用教程》  

Das obige ist der detaillierte Inhalt vonSo erstellen Sie das gerade heruntergeladene vscode vue-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn