Vue环境搭建并创建项目(内含搭建过程中大部分错误的解决办法，亲测有效！！)

目录

一.环境搭建

1.安装编辑器VSCode(Visual Studio Code)

1.1添加扩展

1.2安装调试工具

2.安装Git

3.安装nodejs

4.安装webpack,webpack-cli,vue-cli工具

二.创建vue项目

总结： 

---

一.环境搭建

        1.安装编辑器VSCode(Visual Studio Code)

           俗话说的好，“工欲善其事，必先利其器”，学习也是如此，一个更“称手”的“武器”可以我们便于编写代码，接下来开始介绍较为普遍使用的vscode编辑器的安装（也可以使用其他编辑器）：

           首先进入Visual Studio Code官网进行下载：Visual Studio Code - Code Editing. Redefined

          

        进入官网之后（如上图所示），Windows系统直接点击红圈内的进行下载，如果是Linux系统或者Mac系统的点击黄色小圈按钮（根据自己电脑的系统进行选择)：

           

 如果出现红圈的部分说明下载成功，如果没有下载提示，就可以尝试点击黄色小圈部分的链接~

下载成功的文件如下图所示：

          

注：下载速度可能会比较慢，可以选择安装包直接安装：

百度网盘链接：https://pan.baidu.com/s/1fKzdurK8gb0omgWYEWX0zQ?pwd=d2d3  提取码：d2d3

双击VSCodeUserSetUp-x64-1.69.2.exe进行安装

以下是安装步骤：

 

                                                                        

 

 

点击完成之后就安装成功了,并自动进入vscode编辑器，如下图所示：

                1.1添加扩展

                        成功安装VSCode之后，可以安装一些插件（不是必需的，这里是建议安装）：

                                1.1.1 中文扩展

                                一般首次安装是英文界面，可以点击左边第五个按钮添加扩展：搜索Chinese，在右边界面会有安装按钮，点击即可下载：

1.1.2浏览器查看：

下面的插件是用于编写vue.js文件的时候,通过浏览器查看效果：