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

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项目(一)



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

上一篇:自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享一下!


下一篇:Windows下的cmd命令行中设置环境编码