1.配置环境

1.1.安装nodejs使用 vs code 搭建vue项目

下载地址:https://nodejs.org/en/download/。下载zip需要配置环境

1.2安装vs code

下载地址:https://code.visualstudio.com/Download

1.3安装插件

中文插件

使用 vs code 搭建vue项目

vetur插件(该插件是vue文件基本语法的高亮插件)

使用 vs code 搭建vue项目

1.4 新建项目

vue init webpack your-project-name, your-project-name为你的项目名,我创建的是hello

使用 vs code 搭建vue项目

最后运行:npm run dev

最后访问地址:http://127.0.0.1:8080/#/,出现如下即可。

使用 vs code 搭建vue项目

相关文章: