vs code vue开发环境_Vue的开发环境配置以及使用的IDE

一、开发环境

1、到官网下载安装包：https://nodejs.org/en/download/

安装比较简单就不在这里列举，ps一直下一步就是了，可以修改一下安装的目录，以及配置环境变量

安装完后检查是否安装完成

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：
PATH=C:oraclexeapporacleproduct10.2.0serverbin;C:Windowssystem32;
C:Windows;C:WindowsSystem32Wbem;C:WindowsSystem32WindowsPowerShellv1.0;
c:python32python;C:MinGWbin;C:Program FilesGTK2-Runtimelib;
C:Program FilesMySQLMySQL Server 5.5bin;C:Program Filesnodejs;
C:UsersrgAppDataRoamingnpm
我们可以看到环境变量中已经包含了C:Program Filesnodejs

检查Node.js版本

node-version-test

2、安装webpack、vue-cli相关指令

npm 是Nodejs的组件管理器，类似maven

npm install cnpm -g   #安装这个淘宝组件库，在npm安装不成功的时候使用  -g 全局安装

npm install webpack -g    # 全局安装webpack
npm install webpack-cli -g  #全局安装脚手架
# 检查安装是否完成
webpack -v  
webpack-cli -v

npm install vue-cli -g  #全局安装vue的脚手架

3、idea配置vue开发配置

4、idea创建vue项目

idea在此可以通过命令来操作npm

感谢各位的关注，希望我的分享能够给大家的学习生活带来一些帮助。

转载文章请记得标明：

作者：OS0day
知乎专栏：软件开发与网络安全

微信公众号：软件开发与安全