vscode怎么启动php项目,如何使用vscode配置启动vue项目

注意：这个是1.2版本的配置。

1、vetur插件的安装

该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置打开设置界面，在设置界面右侧添加配置"emmet.syntaxProfiles": {

"vue-html": "html",

"vue": "html"

}

2、eslint插件的安装

eslint智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗口输入eslint点击安装插件，装好后也需要进行配置，在同vetur插件一样的地方进行配置"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue"

"eslint.options": {

"plugins": ["html"]

}

vetur和eslint插件在配置中如下图所示：

导入项目并编译

1、导入项目

从github上下载vuestic-admin项目，拉到本地后打开VSCode直接文件->打开文件夹导入项目，Ctrl+shift+Y呼出控制台，在控制台终端输入npm install添加包依赖

如果没有安装npm请先安装npm。

2、运行项目

同样在终于执行npm run dev代表开始运行项目，这条命令会自动在浏览器上运行项目，运行结果如下图所示，代表配置成功了。

vscode怎么启动php项目,如何使用vscode配置启动vue项目相关推荐

Node.js、npm环境配置与Vue项目创建
目录一.Node.js.npm简介 1. Node.js 2. npm 3. npm和Node.js的发展二.Node.js(内置npm)的下载与安装三.Vue CLI脚手架的安装与项目的创建: ...
vue 插入word模板项目_10 分钟为你的 vue 项目编写代码文档
代码文档是软件开发使用和维护的必备资料,有了文档,开发和维护以及协作的效率将变得大大提升.tips:如果对 JSDoc 已经熟悉,可以直接跳到实战演练环节. 什么是文档?软件文档或者源代码文档是指与软 ...
php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
vue项目转换服务器端渲染,vue-server-renderer实现vue项目改造服务端渲染
这是一篇教程,从创建项目到改造项目 vue-cli创建一个项目在放你做demo的地方,创建一个项目 vue create vue-ssr // 如果你安装了vue-cli4,选择vue2的版本,以下 ...
idea怎么给项目改名_IDEA相关配置【java项目改造成web项目】
在平时写项目学习java的时候,有没有这么一种情况:我们一开始建立了一个普通的java项目,但是随着我们编码的进行,发现项目需要部署到Tomcat服务器上运行测试.此时有两种解决方案:[1]创建一个w ...
如何把Spring Boot 项目变成一个XML配置的Spring项目
现在大家都追赶新的技术潮流,我来逆行一下. 其实Spring Boot 隐藏了大量的细节,有大量的默认配置,其实通过xml配置的方式也可以达到和Spring Boot一样的效果. Profile 在S ...
vue项目部署服务器两个域名,Vue项目服务器部署之子目录部署方法_飛雲_前端开发者...
首先介绍一下Poi,我们的项目没有使用webPack进行前端工程项目管理,使用了Poi进行管理:Develop 开发执行npm run dev相当于执行poi,执行npm run dist相当于执行 ...
注册的业务、登录业务、个人中心、nginx配置【VUE项目】
登录与注册静态组件-(处理共用图片资源问题) 登录与注册功能(git):必须要会的技能登录与注册的静态组件 assets文件夹----全部组件共用的静态资源在样式当中也可以使用@符号[src别名] ...
linux tomcat 启动无法访问,Linux下 Tomcat 配置启动成功但是无法访问网页的问题【2019-09-25】...
如同显示 Linux下 tomcat 已经成功启动,但是无法访问 http://ip:8080 网页提供我解决过程中的四种方法,供大家参考! 逐个排查问题,首先检查端口使用情况 [root@zzc ...
[配置]集中管理Vue项目中的http请求
需求: 项目中难免有多个http请求,如果分散在各个页面中,对于查看和修正都极其不便,所以想对他们进行集中管理: 分析: 思路1:做一个普通的service,用文件http.api.js集中存放htt ...

vscode怎么启动php项目,如何使用vscode配置启动vue项目

vscode怎么启动php项目,如何使用vscode配置启动vue项目相关推荐

最新文章

热门文章