Vue环境搭建及第一个hello world

一、搭建开发环境

1. Visual Studio Code编辑器

   • 用来编写vue代码

   • 安装Visual Studio Code,下载地址：https://code.visualstudio.com/Download

     根据个人电脑配置选择，我是win10,64位。所以选择图中标的那个。

2. Vue的下载和引入

   • Vue官网地址：https://cn.vuejs.org

   • Vue核心文件vue.js引入

     <script src="vue.js"></script>
     

3. 插件

   • VS中安装插件 open in browser

          安装该插件后，在程序中右击，多出两个选项，点击即可在浏览器中运行

基本配置就这些。其他配置待后续更新

    

二、第一个程序HelloWorld

---

1. 创建文件夹 MyVueProject

2. 在 MyVueProject文件夹下创建js文件夹，将vue文件粘贴到js文件夹里

3. 在VS中打开文件夹 MyVueProject（File—>OpenFolder）

4. 创建第一个vue程序。

   Tips:英文状态下打印感叹号，回车。可创建基本模板

5.代码

6.运行