发布时间:2023-04-23 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

1、在编译器将项目打开,如果已有以下两个文件夹,先删掉,这个是别人编译器运行后生成的,所以不用怕删掉。

第一次运行Vue项目 怎么运行别人的Vue项目

2、新建终端,输入 “ npm install ”

      这里是因为node_modules文件下装的是项目依赖文件,相当于maven下的插件,如果拿来的文件没有node_modules文件,是无法使用的,用这个npm语句可以下载依赖文件。

第一次运行Vue项目 怎么运行别人的Vue项目

如果新建终端失败,就在项目右侧,找到最外层文件夹,右键,“在集成终端打开”,在输入 “ npm install ”,最外层文件夹如下:非“login-register-vue”

第一次运行Vue项目 怎么运行别人的Vue项目

3、查看package.json文件

        相当于pom文件,也就是日志,dependencies属性里就可以看到项目下载的依赖包

第一次运行Vue项目 怎么运行别人的Vue项目

第一次运行Vue项目 怎么运行别人的Vue项目

4、

        如果如下,scripts有start 指令,则输入start指令内容

第一次运行Vue项目 怎么运行别人的Vue项目

        如果没有,输入 “npm run serve”

第一次运行Vue项目 怎么运行别人的Vue项目

 5、运行结束后终端

第一次运行Vue项目 怎么运行别人的Vue项目

6、按住ctrl键,点击local后的内容,浏览器自动打开项目首页

 第一次运行Vue项目 怎么运行别人的Vue项目

7、其他问题(安装node.js,vue),可看视频