1.配置环境

1.1.安装nodejs,下载地址:https://nodejs.org/en/download/

步骤…..安装完成后,输入node-v,提示如下,则安装完成。

使用 vs code 搭建vue项目(一)

1.2.安装vs code

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

1.3.安装插件

使用 vs code 搭建vue项目(一)

 

2.创建一个vue项目

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

使用 vs code 搭建vue项目(一)

接下来根据提示开始操作

使用 vs code 搭建vue项目(一)使用 vs code 搭建vue项目(一)

安装完毕后

输入yarn install

使用 vs code 搭建vue项目(一)

最后运行:npm run dev

使用 vs code 搭建vue项目(一)

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

使用 vs code 搭建vue项目(一)

搭建第一步完成,里面的所用命令,下来慢慢深究。

相关文章: