学习了vue的基础之后尝试使用脚手架创建一个vue项目
1.全局安装vue脚手架：
npm install @vue/cli -g
安装完成之后，vue脚手架文件会自动下载到全局包的下载路径
2.将vue加入到环境变量
如果安装node之后你修改了全局包的下载路径，那么就需要将vue路径加入到环境变量中，否则会报错找不到vue文件
下载完成截图
3.创建项目：
我们使用cmd命令行创建项目时，一定要切换到我们统一管理vue的文件夹下，否则会默认在cmd当前目录下创建文件，不便于我们后期管理项目
3.1切换到项目目录：
d: #切换到D盘
cd D:\npm_path\node_global #切换到vue管理目录
3.2创建项目：
vue create project_name
3.2.1选择设置：
我们选择自定义选项
选择设置截图
3.2.2选择模式：空格键是选择和取消选择，回车键确定
选择页面截图
3.2.3选择版本：由于上一步我们选择了Choose Vue version，所以这里我们需要选择一下版本，我选择的是vue3
选择版本
3.2.4选择配置文件形式：选择专属文件还是统一放在package.json之中，这里我选择了专属文件
选择配置文件形式
3.2.5由于我们选择了自定义选项，所以这里问我们是不是将这个选项保存起来，方便下次使用，我们第一步的已保存设置就是我保存了配置选项，这里我们不再保存
是否保存配置选择
3.2.6然后脚手架便会自动为我们构建项目
安装页面
4.运行项目
cd project_name #切换到项目目录
npm run serve #启动服务
构建成功截图
5.浏览器访问：
访问浏览器的8080端口，这个时候就会显示vue页面
浏览器截图
网友评论