VUE----使用脚手架创建vue项目

学习了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页面


浏览器截图
6.至此使用vue脚手架创建项目就完成了
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容