VUE脚手架安装

最新推荐文章于 2025-04-12 22:26:29 发布

tommoq

最新推荐文章于 2025-04-12 22:26:29 发布

阅读量958

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_47198950/article/details/111872750

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了VUE脚手架的安装方法。首先需安装能创建脚手架项目的命令行工具，使用npm i -g @vue/cli命令，接着用vue create创建项目的脚手架代码文件夹。文件夹创建成功后，可通过cd命令进入项目文件夹。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE脚手架安装

打开之后切换到指定盘符
输入d:即可
*1. 先安装一个能创建脚手架项目的命令行工具:
npm i -g @vue/cli
在这里插入图片描述

用vue命令，创建一个项目的脚手架代码文件夹
vue create 项目文件夹名*
在这里插入图片描述
脚手架文件夹创建成功后:
Successfully created project project.
Get started with the following commands:

cd project //先进入项目文件夹（vue create后的那个文件夹——project）

 npm run serve //=运行Live server+Babel的效果。是先将脚手架中浏览器不懂的代码，翻译为浏览器能懂的代码。然后，再将翻译后的页面运行在一个临时的开发服务器中。	强调: npm run serve 必须在项目文件夹内运行
 保险起见是在vs code中打开xz_vue，然后在package.json文件上右键单击在命令行打开，然后运行:
 npm run serve   没有r结尾
 **01:cmd里面输入npm run serve**		![在这里插入图片描述](https://img-blog.csdnimg.cn/20201228191523284.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzE5ODk1MA==,size_16,color_FFFFFF,t_70#pic_center)

在这里插入图片描述
002:

	2件事: 
		1. 启动开发服务器: http://localhost:8080/
		2. 编译项目代码为浏览器认识的: Compile
	强调: 
		1. 不用总是npm run serve，因为npm run serve可以自动感知代码的修改，并自动重新编译，重新运行。
		2. 服务端nodejs的cors: 要改为http://localhost:8080/。如果不想总是改。可改为cors:*。允许所有客户端都能跨域。