使用vue-cli脚手架工具快速搭建单页面应用,请确保node.js已经安装,如果没有安装可以先浏览我写的NVM-nodejs版本管理(二)-nodejs安装
1.通过npm安装vue-cli包
npm install -g vue-cli
![](https://img.haomeiwen.com/i5013317/6c7e167aab60b570.png)
2.vue-cli安装好了,现在可以使用vue-cli提供的命令来安装单页面应用模块,list命令查看官方提供的模板类型,init命令初始化模板到本地
vue list
vue init <模板名> <项目名>
![](https://img.haomeiwen.com/i5013317/a8f16a4c455c552f.png)
![](https://img.haomeiwen.com/i5013317/dfb051a090d6754e.png)
3.完成模板初始化后本地已经可以查看创建的应用,按照上述 to get started 提示启动应用
![](https://img.haomeiwen.com/i5013317/c65fdf44c58b2292.png)
cd vue-mydemo
npm install
npm run dev
4.项目启动完成,浏览器页面展示效果
![](https://img.haomeiwen.com/i5013317/7cc8fc25f0fcba9d.png)
网友评论