VUE—新建vue项目（图文详解）

VUE—新建vue项目

第一步：新建文件夹（一定是英文，不可以是中文）

第二步：用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即运行成功，点击即可进入