Vue脚手架安装步骤,详细图解过程

1. 键盘输入win+R,弹出窗口

? ? ??Vue脚手架安装步骤,详细图解过程

2. 在弹出窗口中输入cmd进入控制面板

Vue脚手架安装步骤,详细图解过程?

3. 进入控制面板显示这个页面

Vue脚手架安装步骤,详细图解过程??

4. 全局安装@vue/cli

? ? npm install -g @vue/cli? + 回车

Vue脚手架安装步骤,详细图解过程

5. 查看是否安装成功

vue -V

Vue脚手架安装步骤,详细图解过程?

6. 切换到要创建项目的目录,然后使用命令创建项目 此处演示的项目名为"filename"

? ? vue create filename

Vue脚手架安装步骤,详细图解过程

?

7. 切换到项目的目录里

?????cd filename? (注意:cd进入的是刚刚创建脚手架的文件夹)

8. 进入项目文件里,在控制面板中输入命令,启动项目

? ? npm run serve

Vue脚手架安装步骤,详细图解过程

?项目启动成功

Vue脚手架安装步骤,详细图解过程

?9. 退出项目 需要输入两次!!!两次!!!!Ctrl+c(复制的快捷键)

两次Ctrl+c之后,命令窗口变成能输入状态,表示退出成功

Vue脚手架安装步骤,详细图解过程

?

上一篇:cn域名为什么要降价
下一篇:mid autumn的意思(the Mid-autumn Festival是什么意思)