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)
                        