VUE安装及HelloVUE

一、准备工作

1.vscode的下载与安装教程：

官网https://code.visualstudio.com/Download下载最新版

解压到非系统盘，文件夹最好不要出现中文和空格，解压后直接运行code.exe即可

2. VSCode安装包百度网盘链接:

链接：https://pan.baidu.com/s/1DW5OlGMXdnuGyV8w5ePboA 
提取码：cf4s 

二、将vscode修改为中文环境

1.下载安装中文语言包

点击左侧工具栏的extensions ，输入chinese，点击Install安装中文简体

2. 快捷切换中英文

欢迎页--Learn-Find and run all command

选 zh-cn --- Restart

切换成功

三、安装插件

1. Vue.js devtools （推荐使用火狐浏览器 ）
搜索：vue

回车，结果如下

点击Vue.js devtools，安装成功

2. 在vscode安装Open in Browser插件

点击拓展，输入Open in Browser，然后点击安装

四.  入门开发

4.1 VUE.js 安装

通过vue中文社区 找到vue.js，另存到本地项目目录下 ../js/vue.js

引入成功

4.2 HelloVue

新建文件HelloVue.html，然后按！选择第一个选项

自动添加以下代码

4.3 运行

右键1.HelloVue.html，选择Open with default application
注意：是在安装插件Vue.js devtools的浏览器打开

运行结果（此处为便于即时修改源码，我把渲染链接贴到Chrome中打开）

结束！