刚下载的vscode vue项目怎么建立
一、插件安装
安装vue插件vetur,实现支持vue文件的代码高亮
安装插件: 点击vscode左边的extensions图标,输入 vetur ,找对对应版本然后点击install即可
同样方式安装eslint 插件。
二、 安装node.js
去官网下载安装包,下载完成后默认安装,安装完成后打开cmd 输入下面的命令查看是否成功安装(npm是一起安装的)
c:\users\45014>node -vv8.11.3c:\users\45014>npm -v5.6.0c:\users\45014>
三、 使用脚手架安装项目
vscode点击terminal菜单,选择new terminal,创建一个命令行终端窗口,然后切换到对应的准备存放代码的目录
输入:vue init webpack vue_test回车,然后输入工程名称vue_test
之后按照提示说明输入
ps d:\study\code\vue> cd vue_testps 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使用教程》
以上就是刚下载的vscode vue项目怎么建立的详细内容。