vue-cli脚手架搭建方法
vue-cli脚手架搭建方法,需要用vue框架的同学们可以看看,因为基础不太扎实所以真的看文档不太清楚该怎么搭起来。这里有一些图文的方式。
操作方法
- 01
直接搜索cmd打开命令行工具
- 02
输入 cnpm install -g vue-cli,点击回车
- 03
安装好以后回到webstorm中,Terminal进入到要安装脚手架的文件下,输入vue查看是否安装好,如果出现下图的输出,证明安装好了
- 04
然后安装脚手架 vue init webpack app,其中webpack是,app是项目名可以随便写。然后一直回车等待安装
- 05
安装完成,文件中出现了以下目录,这就是项目的架构
- 06
然后安装依赖,Termial中cd app转到项目目录下,输入cnpm install
- 07
完成很困难,电脑会卡死,且装且珍惜。新的目录结构
- 08
运行一下,在terminal里cd app这里的app指的你刚才vue init webpack app中的那个app,就是项目名。然后输入npm run dev
赞 (0)