vue新建项目

Posted 2020-08-26 郑叶叶

一直都被如何用vue.js新建一个项目的问题困扰着，经过好久的实践，终于搞清楚如何用vue新建项目了：

1.官网对于vue-cli介绍：

Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:

理解：当我们真正开发一个应用的时候，我们不可避免的会用到一大堆的工具，模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型应用是必须的，但是项目初始化将会是让人痛苦的事情。Vue.js官方为单页面应用提供了相应的脚手架。它可以用少量时间建立和运行一个项目。简言之：使用Vue.js官方提供了这个vue-cli脚手架，可以迅速搭好项目框架，从而更易处理后续工作。

 

vue-cli使用方法：

 1 // install vue-cli  安装依赖包
 2  npm install --g vue-cli
 3 // 使用vue-cli初始化项目
 4  vue init webpack my-project
 5 // install dependencies and go!
 6 //进入项目目录
 7  cd my-project
 8 //在项目中安装依赖包
 9  npm install
10 //运行项目
11 npm run dev

2.在建立项目的过程中，有进行选择的选项，可以选择Y或者N，这根据自己需要所选，不影响什么。

3.当执行完最后一步“npm run dev”的时候，就会自动在http://localhost:8080 弹出刚才所建的项目；