hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 开发工具 - 正文 君子好学,自强不息!

【编程开发工具】刚下载的vscode vue项目怎样竖立

2019-11-19开发工具搜奇网82°c
A+ A-

刚下载的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运用教程》

以上就是刚下载的vscode vue项目怎样竖立的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【编程开发工具】刚下载的vscode vue项目怎样竖立

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

本文来源:搜奇网

本文地址:https://www.sou7.cn/282487.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>