一.环境搭建:
1.安装node:
进入网站,下载对应版本的node.js
Index of /dist/ (nodejs.org)
我这里下载的是:
解压到对应的目录下:
并新建两个文件夹node_cache和node_global:
2.配置环境:
打开高级设置,配置你目录下的node:
3.设置npm全局装包保存路径
打开命令行工具,运行命令:
npm config set prefix “D:\fairy\app\node-v16.14.0-win-x64\node_global”
npm config set cache "D:\fairy\app\node-v16.14.0-win-x64\node_cache"
4.检查node和npm的版本:
如果出现版本,则安装成功:
二.使用脚手架建立一个vue项目
1.全局安装Vue CLI:
npm install -g @vue/cli
安装成功后:
输入:
vue --version
出现版本号,则安装成功
2.使用Vue CLI创建一个新的Vue项目
vue create vue01
根据你的需要去选择对应的:
3.启动开发服务器
cd vue01
npm run serve
打开浏览器并访问 http://localhost:8080/