How to create the vscode vue project you just downloaded

刚下载的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

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

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

The above is the detailed content of How to create the vscode vue project you just downloaded. For more information, please follow other related articles on the PHP Chinese website!