第一个vue项目

1、安装node.js

点击Node.js以往版本
选择后缀为 msi 的进行下载

直接next结束就行，安装位置可以自行更换，环境变量会自动配置
命令行输入：

node -v

npm -v

查看是否能够正常打印出版本号

• 新建两个文件夹node_global 、node_cache

• 在命令行设置缓存文件夹node_global和通过npm安装的包的存放路径node_cache

npm config set prefix "C:\SafeWare\ComputerInstall\Java\Vue\Node.js\Node.js V14.16.1\node_global"

npm config set cache "CC:\SafeWare\ComputerInstall\Java\Vue\Node.js\Node.js V14.16.1\node_cache"

• 安装淘宝镜像cnpm（下载速度会更快一点）（注意：使用管理员权限启动cmd）

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

npm install  -g cnpm 

但是安装了却不常用，因为有时候会打包失败

2、安装vue脚手架

npm install vue -g

安装最新版本

npm install @vue/cli -g

这个时候配置一下环境

查看是否安装成功

vue -V

如果安装错误需要卸载旧版本
低于vue3的版本

npm uninstall vue-cli -g

vue.3以上版本

npm uninstall @vue/cli -g

然后测试安装

vue list

3、新建vue项目

进入cmd，切换到我们要创建的项目的文件夹如新建一个NodeFDemo

在这个文件下使用命令初始化项目

vue create  test1

输入必要的，其他一路enter然后输入

cd  test1

npm run serve

创建成功

4、使用idea运行vue项目

打开test1
安装插件vue

在下方的terminal中输入

npm run serve

点击链接
两个任选一个都可以打开