分享

VUE—新建vue项目

 印度阿三17 2019-07-28

第一步:新建文件夹(一定是英文,不可以是中文)
在这里插入图片描述

第二步:用webstorm打开
在这里插入图片描述
进入后便是这样的状态在这里插入图片描述
第三步:右键文件夹,选择Open In Terminal
在这里插入图片描述
之后在webstorm下面出现这样一个窗口
在这里插入图片描述
注意:
1、新建的vue项目会默认打开这个窗口只不过被隐藏起来了而已,遇到这种情况直接把第二个给关掉即可
2、demo是你新建文件夹的名字

第四步:输入指令vue init webpack并回车出现以下内容
注意:mac有权限要求,需要输入sudo vue init webpack和密码
在这里插入图片描述
注意:自己日常练习不需要全部选择yes(输入y),从Use ESLint to link your code?开始选择no(输入n),不需要选择y/n的直接一路回车即可
出现这样的内容即环境搭建完成
在这里插入图片描述
注意:mac有权限问题,所以新建的项目里全部都是小锁的标志
在这里插入图片描述
所以需要找到新建的文件夹进行修改
1、右键显示简介
在这里插入图片描述
2、将只读改为读与写并应用到所包含项目
在这里插入图片描述
过一会儿就会发现小锁的标志没有了

第五步:运行项目:输入npm run dev
在这里插入图片描述
只要出现8080即运行成功,点击即可进入在这里插入图片描述

来源:https://www./content-4-364551.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多