天天看点

使用VScode工具搭建第一个Vue项目

一.软件安装

1.下载vscode软件

官网下载:https://code.visualstudio.com/Download

2.安装插件

  1>安装vue的vetur插件,可让vue代码部分高亮展示,找到插件的对应版本install安装即可。

使用VScode工具搭建第一个Vue项目

2>安装vue的ESLint插件,ESLint插件提供一个插件化的JavaScript代码检测工具,找到插件对应版本后install安装即可。

使用VScode工具搭建第一个Vue项目

3.安装node.js

官网下载:https://nodejs.org/en/download/,下载完成后默认安装,安装后检验,打开命令提示符cmd

使用VScode工具搭建第一个Vue项目

4.使用vueAdmin-template模板搭建简单后台项目

1>打开模板代码的目录,导入项目

使用VScode工具搭建第一个Vue项目

2>选择Terminal-->new Terminal 打开控制台

安装npm命令:npm install

启动项目命令:npm run dev

使用VScode工具搭建第一个Vue项目

3>登录后即可,如果想结束掉该项目,需要去控制台输入ctrl+c,输入y终止操作

使用VScode工具搭建第一个Vue项目

继续阅读