VUE脚手架安装

**

VUE脚手架安装

打开之后切换到指定盘符

*1. 先安装一个能创建脚手架项目的命令行工具:
npm i -g @vue/cli

2. 用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:*。允许所有客户端都能跨域。