前端｜VUE环境的搭建

前言

      时下国内最火的三大前端框架有：Angular、React、Vue,其中Vue因其性能好、入门快、轻量化、可拓展性强、数据流双向绑定、灵活等特点，成为了许多前端开发者框架的首选。

      它提供一个官方命令行工具，可用于快速搭建大型单页应用。为现代化的前端开发工作流提供了开箱即用的构建配置。

---

搭建Vue需要四行命令

 

      1.npm install -global vue-cli

        这里的指令意思是“通过node 全局安装vue-cli”，安装的时间会比较长，耐心等待下~

 

如上，安装成功！！！

 

      2.vue init webpack my-project

        刚才我们安装了vue-cli工具，vue-cli是vue的命令行工具，通过它我们可以新建我们第一个vue模板工程。这里的指令意思是：vue init [模板名] [新建的模板工程文件夹名称]，“通过vue-cli新建webpack模板工程，名字为my-project”

 

新建工程的问题建议如下操作：

 

      3.cd my-project

        进入到我们新建的my-project工程：可以看到命令行工具指向的当前路径改变了：

 

      4.npm run dev(如上图)

        运行工程，打开浏览器调试。（请不要关掉命令行工具）

 

      5.打开浏览器调试

         将上图红框里的地址输入到浏览器中，如下图所示

 

 

见到此图，恭喜你成功了！！！