在使用vue做项目的首要步骤,就是怎么使用webpack搭建项目。
对于很多前端开发者而言,webpack繁琐的配置步骤,很难适合每一位开发者。
因此,vue官方就出了一款 vue-cli脚手架,只需一条命令就可以快速搭建一个vue 项目。
搭建步骤 :
1、 全局安装脚手架工具: npm i -g vue-cli
2 、安装后,通过命令 vue –version 来查看版本号: 2.9.6
3 、在终端中执行命令: `vue init webpack 项目名称` 就可以创建一个Vue项目出来;
运行之后,我们在终端需要设置一下东西 :
? Project name (vuecli-demo) 项目名称? Project description (A Vue.js project) 项目描述? Author (zqran <uuxnet@163.com>) 作者,自动读取 git 的配置? Vue build (Use arrow keys) 选择Vue编译模式> Runtime + Compiler: recommended for most users ( 完整版: 运行时 + 编译器 )Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files – render functions are required elsewhere? Install vue-router? (Y/n) 是否安装路由,输入Y表示安装? Use ESLint to lint your code? (Y/n) 是否使用 ESLint 校验你写的代码? Pick an ESLint preset (Use arrow keys) 选择一个代码风格> Standard (https://github.com/standard/standard) (选这个)Airbnb (https://github.com/airbnb/javascript)none (configure it yourself)? Set up unit tests (Y/n) 单元测试 选n? Setup e2e tests with Nightwatch? (Y/n) 端到端测试 选n? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)> Yes, use NPMYes, use YarnNo, I will handle that myself*/// 4 进入项目根目录,执行命令: npm run dev