vue-快速搭建单页面应用(一)

使用vue-cli脚手架工具快速搭建单页面应用,请确保node.js已经安装,如果没有安装可以先浏览我写的NVM-nodejs版本管理(二)-nodejs安装


1.通过npm安装vue-cli包

npm install -g vue-cli

vue-快速搭建单页面应用(一)_第1张图片

2.vue-cli安装好了,现在可以使用vue-cli提供的命令来安装单页面应用模块,list命令查看官方提供的模板类型,init命令初始化模板到本地

vue list 

vue init <模板名> <项目名>

vue-快速搭建单页面应用(一)_第2张图片
vue-快速搭建单页面应用(一)_第3张图片

3.完成模板初始化后本地已经可以查看创建的应用,按照上述 to get started 提示启动应用

vue-快速搭建单页面应用(一)_第4张图片

cd vue-mydemo

npm install

npm run dev

4.项目启动完成,浏览器页面展示效果


vue-快速搭建单页面应用(一)_第5张图片

你可能感兴趣的:(vue-快速搭建单页面应用(一))