Vue cli之使用Vue-CLI初始化创建前端项目

1、生成项目目录

使用vue自动化工具可以快速搭建单页应用项目目录。

该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

// 生成一个基于 webpack模板的新项目
vue create 目录名

例如：
vue create hello-world
// 启动开发服务器 ctrl+c 停止服务
cd hello-world
npm run serve           //  运行这个命令就可以启动node提供的测试http服务器

　　

运行了上面代码以后,终端下会出现以下效果提示：

 

 

那么访问：http://localhost:8080/