下载node.js配置vue环境并在IDEA运行

08/06 16:26
阅读数 303

vue环境配置简洁教程https://blog.csdn.net/qq_36986067/article/details/107804670

1.安装node.js

在官网下下载对应的node.js版本,推荐下载mis(环境变量会自动配置),我这里下载的是 node-v12.18.3-x64.msi

中文网http://nodejs.cn/

下载完打开安装,可以更改安装目录(推荐不要安装在系统盘,我这里安装在D:\nodejs),一直点击下一步

安装完成,在命令行界面输入node -v 和 npm - v

node.js安装成功

2.目录设置

在node.js安装目录下新建node_global和node_cache文件夹

命令行输入

npm config set prefix "D:\nodejs\node_global"

以及

npm config set cache "D:\nodejs\node_cache"

 设置成功后用命令npm install XXX-g安装以后模块就在D:\nodejs\node_global\node_modules目录下

设置镜像网站

npm config set registry=http://registry.npm.taobao.org

输入以下命令可查看设置

npm config list

 

3.设置环境变量

path中添加D:\nodejs\node_global(根据自己安装目录选择)

新建NODE_PATH,值为D:\nodejs\node_global\node_modules(根据自己安装目录选择)

 

4.安装npm的国内镜像cnmp

npm install -g cnpm --registry=http://registry.npm.taobao.org

注意:如果进度条卡住不动,按ctrl+c终止操作,再执行一次即可(如果还是不行,问度娘)

输入cnpm -v显示目录版本则成功

到此结束,以下是vue脚手架的安装,可自行选择vue-cli2或vue-cli3的版本

以下是vue-cli2

==============================================================

1.安装vue-cli构建工具

cnpm install -g vue-cli

-g是全局。也可使用-gd(d是包含开发和运行环境的依赖)

vue-cli2安装成功 

2.创建vue-cli2项目

安装完运行环境和构建工具后,就开始使用vue-cli来构建项目

以下,路由选择Y,代码规范暂时选择N(后期可通过命令改变)其余均回车选择默认

(后续如果要在开发环境安装esLint:先cd到项目文件夹如cd test1,然后cnpm install eslint --save-dev)

(run之前,若项目是导入的,需要下载依赖,执行命令cnpm install)

3.在idea配置运行vue项目

打开IDEA然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea

配置完成后启动项目

okk

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部