windows下搭建vue开发环境

安装node.js 包管理器

1. 到官网 下载安装包
2. 直接默认安装，安装完成后验证是否正常安装。打开命令提示符： 输入node -v 。 如果显示版本号则证明安装完成。

安装vue

1. 打开命令提示符输入： npm install vue
2. 全局安装 vue-cli npm install --global vue-cli
3. 创建一个基于 webpack 模板的新项目 my-project vue init webpack my-project
4. 进入项目目录 cd my-project
5. 运行项目 npm run dev

至此，环境安装完成，接下来就是如何提高全站工程师的自我修养了😋

IDE的使用

因为我最早是.NET阵营的，所以对宇宙第一IDE之称的visual studio系列编辑器情有独钟。因此这里选择了visual studio code作为vue的编辑器，当然需要下载各种插件支持。

目录结构简介

使用vscode打开刚才的项目文件结构如下图：

关于，文件结构目录说明如下：