1.确认必要环境已安装

vscode,和nodejs必须安装好

vscode下载地址：code.visualstudio.com/Download

2.在本地创建一个存放工程的目录

我这里放到d:\vue

点击文件-> 选择将文件夹添加到工作区 -> 选中选择的文件夹，选择在集成终端打开搭建vue 环境

npm install -g （vue-lcli2） npm install -g @vue/cli (vue-cli3)

1.按照安装[vue-cli] npm install -g vue-cli 若安装失败，可以尝试使用：

            1，配置淘宝镜像：npm config set registry https://registry.npm.taobao.org

            2，配置完成后检验是否成功：npm config get registry

            3，重新运行命令：npm install -g @vue/cli

2.webpack是js的打包工具终端输入：npm install -g webpack等待安装成功。

安装完成检测是否安装成功返回版本号则成功 vue --versuion

3、创建vue项目

    终端输入：vue init webpack myvue 。其中myvue为创建的项目名称。后面会提示选项，可以点击回车使用默认值。

    如果提示：使用"vue init webpack"时报错"无法加载文件,因为在此系统上禁止运行脚本"。则可以找到该路径，删除该文件。

4、运行项目

    终端输入：npm run dev等待安装成功。

5、浏览器中运行

    在浏览器里输入:http://localhost:8080。

在安装过程中报错方案

如果提示：使用"vue init webpack"时报错"无法加载文件,因为在此系统上禁止运行脚本"。则可以找到该路径，删除该文件。

如果报错则需要在windows 系统中找到 windows powerShell 并以管理员身份运行它输入 set-ExecutionPolicy RemoteSigned 输入 Y

然后在重新执行一下 vue init webpack 项目名称

如果没有选择初始化项目需要进入项目目录输入 npm install 进行初始化

运行项目的命令在package.json npm run serve
npm run build
引用插件 npm i+插件名称例如 npm i element-ui

一篇文章教你创建Vue2项目在VSCode

1.确认必要环境已安装

2.在本地创建一个存放工程的目录