当前位置: 首页 > >

VUE脚手架安装

发布时间:

**


VUE脚手架安装


打开之后切换到指定盘符

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



友情链接: