Vue：如何使用vue-cli新建一个项目？

---

本文主要讲述，如何使用vue-cli搭建工程，然后再到hello word...

话不多说，进入vue 世界   ☟

一、具备如下环境：

 nodejs、npm

1.1、 nodeJs：http://nodejs.cn/download/

 1.2、npm：运行CMD控制面板，全局安装》npm install

1.3、查看是否安装成功：

        1）在CMD输入：

npm -v

node -v

      2） 运行出现如下结果，成功√

               

二、vue-cli 安装：

        Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

2.1、查看vue-cli是否安装成功

 

vue --version

2.2、查看vue-cli帮助信息

vue

 

^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^^_^

                                                  环境大功告成，接下来开始vue的愉快之旅▁▂▃▅▆▇

 

三、使用vue-cli新建项目：

 

          3.1、我的项目名为vueTest

vue init webpack vueTest

              运行此命令之后，那么就会出现一堆的选项操作，上面都有很明确的意思，顾名思义。

              值得关注的一点是：

                   1）你根据项目需要选择相关配置：Y（确定）/ N（取消）。

                   2）不建议设置语法检查工具。

 

       3.2、新建成功

 

                                 新建成功之后，会出现以下提示：

           

      3.3、运行项目：

 

npm run dev

 

 

 

vue新建项目，从环境搭建到项目运行，就此结束咯，不足之处，还请多多指教，最近时间比较多，将整理开发中所遇到的问题、规范，在我的个人博客中，持续更新，关注点一波，给小码一点关爱，呈现更多精彩哦(#^.^#)。