使用vs code 建立vue项目

1、Vue是什么？

Vue (读音 /vjuː/，相似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不一样的是，Vue 被设计为能够自底向上逐层应用。Vue 的核心库只关注视图层，不只易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化的工具链以及各类支持类库结合使用时，Vue 也彻底可以为复杂的单页应用提供驱动。

2、建立项目所需环境？

1.node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时创建的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度很是快，性能很是好。

2.vue

3.vue-cli

vue-cli做为vue的脚手架，能够帮助咱们在实际开发中自动生成vue.js的模板工程。

3、脚手架搭建步骤

1.打开命令行（快捷键win+r）

先输入npm -v检查一下node.js是否安装，然后打开powershell，此处应留意，最好切换至项目搭建的盘符，并输入以下命令，安装vue：

然后安装vue-cli：

会出现一些选项，根据本身的需求进行选择，打开项目所在目录，查看项目是否建立好。

2.将vs code打开，并导入以前建立的项目

打开控制台（快捷键ctrl+、），运行以下命令

3.使用浏览器打开该项目便可查看第一个vue项目。