请问mac如何安装全局安装等等,我看window方法

请问mac如何安装全局安装等等,我看window方法

请问mac如何安装全局安装等等,我看window方法

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

9回答
好帮手慕慕子 2019-05-28 20:16:21

同学你好,可以参考如下步骤创建一个vue项目

1、 在桌面新建一个文件夹, 然后打开终端, 输入“cd”后将文件夹拖到终端,让终端的路径进入到“my-project”下

http://img1.sycdn.imooc.com//climg/5ced22770001c5dd11590557.jpg

2、 可以输入如下所示的命令,查看是否安装了node, npm和vue,  如果成功显示了对应的版本号,表示电脑已安装了这些软件。

http://img1.sycdn.imooc.com//climg/5ced23250001ce6811130661.jpg

3、如果vue - v没有查到对应的版本号, 可以参考下图安装vue, 如果已将安装了vue, 就可以跳过第三步, 执行第四步

http://img1.sycdn.imooc.com//climg/5ced23ea0001a5a711100433.jpg

4、全局安装vue-cli

http://img1.sycdn.imooc.com//climg/5ced249a0001f0f511380273.jpg

5、创建项目

http://img1.sycdn.imooc.com//climg/5ced24ce0001531011190661.jpg

6、cd my-project进入到新创建的项目下, 然后执行npm install安装依赖,生成node_modules文件夹

http://img1.sycdn.imooc.com//climg/5ced24f0000114e211310444.jpg

7、执行完上述步骤后, 文件夹内容如下所示

http://img1.sycdn.imooc.com//climg/5ced25700001530808340533.jpg

8、执行npm run dev 启动项目

http://img1.sycdn.imooc.com//climg/5ced25820001ca4911330217.jpg

9、成功启动项目后,终端显示

http://img1.sycdn.imooc.com//climg/5ced25ab00013a0710110285.jpg

10、 在浏览器输入localhost:8080查看

http://img1.sycdn.imooc.com//climg/5ced25df0001350f10860988.jpg

执行完上面的步骤就可以创建一个vue项目了。

这些步骤在课程中老师讲的很清楚, 建议:同学听课的时候要认真一点, 另外, 听完课程后自己要多动手练习。

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


提问者 慕斯卡9565767 2019-05-28 18:49:31

http://img1.sycdn.imooc.com//climg/5ced11cd0001698d15961316.jpg这东西我要写哪里放到文件夹啊,发几张懒图能解决啥问题,你就告诉我一步一步咋操作就完事了,下面给你截图的报错你高效解决了,

好帮手慕慕子 2019-05-28 16:55:12

同学你好,看你的截图已经创建了项目, 你这里说的没有视频中的文件是指如下图所示的node_modules文件夹吗, 如果是指这里的话, 可以参考老师上一个回答, 需要执行npm install 这条命令安装依赖哦。

http://img1.sycdn.imooc.com//climg/5cecf56a0001722c02900326.jpg

视频中pages文件夹是老师在讲课中过程中自己创建的, 同学可以跟着视频中老师操作

另, 同学说的安装不了, 是指控制台执行命令的时候报错吗?如果是的话, 可以新建一个文件夹, 重新操作一次, 将报错信息截图过来, 详细描述一下做了哪些操作导致报错, 便于老师高效的为你解决问题

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • 提问者 慕斯卡9565767 #1
    这截图是老师的,你出个教程么,高的这么复杂 你就告素我一步一步如何操作就完了呀
    2019-05-28 18:43:32
提问者 慕斯卡9565767 2019-05-28 14:18:14

http://img1.sycdn.imooc.com//climg/5cecd2880001ce7415141118.jpg我下载就是安装不了,新建不了vue项目,没有视频中的这些文件

好帮手慕慕子 2019-05-28 13:51:30

同学你好, MAC下全局创建vue项目的步骤与老师视频中讲解的是一样的,如下图所示。

http://img1.sycdn.imooc.com//climg/5cecc95600017f6510470715.jpg

1、首先可以进入到文件夹下, 示例: 可以在桌面新建一个文件 ,直接将这个文件拖进控制台, 进入到文件下

http://img1.sycdn.imooc.com//climg/5ceccc1d000127d508970361.jpg

2、执行 npm install --global  vue-cli 命令,全局安装vue-cli

3、执行vue init webpack my-project创建模板

4、执行 cd my-project  进入到新创建的项目下

5、执行 npm install 安装依赖

6、npm run dev 启动项目

7、在浏览器中输入localhost:8080查看 

另,对于课程中老师讲解的关于vue的命令, 在mac和window下是通用的, 同学可以不用纠结操作系统的问题, 如果有不一样的地方,老师是会指出来的

同学可以自己下去测试一下

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

提问者 慕斯卡9565767 2019-05-28 11:05:25
提问者 慕斯卡9565767 2019-05-28 10:14:51

http://img1.sycdn.imooc.com//climg/5cec99330001bc5d17881076.jpgmac控制太大开http://img1.sycdn.imooc.com//climg/5cec99460001bc5d17881076.jpgmsc控制台打开在哪里输入node-v可以详细说说mac如何建立vue.js

好帮手慕慕子 2019-05-28 10:10:06

同学你好, 请问你这里是想全局安装什么呢?如果是指node的话, 看你的截图你说已经安装了, 可以打开控制台输入 node -v 查看版本号测试一下, 如果成功显示版本号, 表示成功的全局安装node了

如果不是指这里, 建议: 可以详细的描述一下指的是哪里, 再次提问, 我们会继续为你解答的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


  • 提问者 慕斯卡9565767 #1
    mac如何建立vue的教程
    2019-05-28 10:11:13
  • 提问者 慕斯卡9565767 #2
    视频中都讲文件路径mac如何让调取
    2019-05-28 10:11:40
  • 提问者 慕斯卡9565767 #3
    看不到我这么多回复吗
    2019-05-28 12:02:56
提问者 慕斯卡9565767 2019-05-28 09:53:32

mac版们如何安装,都需要安装什么呀 http://img1.sycdn.imooc.com//climg/5cec9493000104a204440532.jpg

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师