Mac电脑使用webstorm安装vue并创建项目

配置环境

检查node.js 以及npm包管理工具是否安装完成

操作步骤

node.js 的官网下载安装包 https://nodejs.org/zh-cn/
一路执行下一步即可。记住安装的位置

创建一个空的项目

检查项目的node.js的环境以及npm的环境是否是刚刚下载的
file -> other Setting -> Run configuration Templates for New Projects -> Node.js -> Node interpreter (->npm->Node interpreter + Package manager) 检查完点击Apply

检查npm的版本信息以及node.js的信息

npm -v
node --version

升级或者安装cnpm

npm install cnpm -g

安装最新稳定版

cnpm install vue@next

对于vue3 使用

cnpm install -g @vue/cli

检查vue的版本信息

vue --version

然后执行

vue upgrade --next

创建vue项目

vue create [项目名称]

下面出现的是一些项目配置信息

接下来的步骤参考菜鸟教程