如何创建vue项目和运行别人的vue项目

导语:适用于安装了脚手架的人

1.在计算机指定目录搭建vue项目

  1. 进入自己已经建好用来存放vue项目的文件夹,在文件夹路径前输入cmd,主要跟D:前有空格隔开
    在这里插入图片描述
  2. 进入控制台后,输入指令vue init webpack my-blog(my-blog是自定义的项目文件名称)
  3. 下载完成后,会出现下面的问题,根据图片所示完成即可
    在这里插入图片描述

2.如何运行别人的vue项目(适用于已安装脚手架的)

1.cd/项目名称
快捷键win+R打开控制台,cd/项目名称,文件放在哪个盘就先进入哪个,我的放在D盘,所有先进入D盘
在这里插入图片描述
2.npm install
进入项目后安装项目依赖。
注意:打开别人的项目时,如果有node_modules模块就删掉,在执行npm install
在这里插入图片描述
3.npm run dev
依赖安装完成,启动项目。npm run dev
在这里插入图片描述
4.浏览器打开项目
在浏览器地址栏输入项目:http://localhost:8080,进入项目

第二大部分“如何运行别人的vue项目”可参考:
https://www.jianshu.com/p/672c9e59ac38?utm_source=oschina-app

猜你喜欢

转载自blog.csdn.net/weixin_45663697/article/details/108941108
今日推荐