vue-cli脚手架搭建方法,需要用vue框架的同学们可以看看,因为基础不太扎实所以真的看文档不太清楚该怎么搭起来。这里有一些图文的方式。
工具/原料
1
电脑
2
webstorm
3
cmd
方法/步骤
1
直接搜索cmd打开命令行工具
2
输入 cnpm install -g vue-cli,点击回车
3
安装好以后回到webstorm中,Terminal进入到要安装脚手架的文件下,输入vue查看是否安装好,如果出现下图的输出,证明安装好了
4
然后安装脚手架 vue init webpack app,其中webpack是,app是项目名可以随便写。然后一直回车等待安装
5
安装完成,文件中出现了以下目录,这就是项目的架构
6
然后安装依赖,Termial中cd app转到项目目录下,输入cnpm install
7
完成很困难,电脑会卡死,且装且珍惜。新的目录结构
8
运行一下,在terminal里cd app这里的app指的你刚才vue init webpack app中的那个app,就是项目名。然后输入npm run dev
注意事项
1
出了问题不要慌,看看路径对不对
2
cnpm是淘宝镜像可以搜索安装一下
3
需要装nodejs这里只说了搭脚手架项目,别的都没提但是还是得装一些有的没得,要装啥我忘了
下一篇:如何安装活动目录