vue入门学习01

vue官方文档:https://vuejs.bootcss.com/v2/guide/installation.html#命令行工具-CLI

vue-router路由文档:https://router.vuejs.org/zh/

vue菜鸟教程文档:https://www.runoob.com/vue2/vue-component.html

一、一步一步搭建vue项目

1、首先安装node.js。

参考:https://blog.csdn.net/chen_jia_hao/article/details/93486043

2、使用npm全局安装 vue-cli 脚手架命令工具。

这里用的是vue-cli2.x版本,还有vue-cli3.x版本,方式不同。

3、使用vue-cli命令工具来创建vue项目。比如:创建名称为vue-demo1的vue项目。

(1)第一种方式

vue入门学习01_第1张图片

(2)第二种方式

vue入门学习01_第2张图片

4、根据上面 To get started 的提示来运行vue项目。

vue入门学习01_第3张图片

vue入门学习01_第4张图片

5、访问 http://localhost:8080/ 如下说明成功了(cnpm run dev成功后,会自动打开浏览器)。

vue入门学习01_第5张图片

 

 

未完... https://chen_jia_hao.gitee.io/my/vue/

 

你可能感兴趣的:(前端,vue)