如何使用Vue-cli搭建一个工程目录

如何使用vue-cli搭建一个工程目录

最近一直在使用Vue进行开发，想针对Vue做一个知识的总结，这里先针对如何使用Vue-cli搭建一个工程目录。

一.环境准备

1. 第一步：安装node.js
   这里我们使用npm进行安装，那么在安装之前要先确认是否有node.js。
   只有安装了node.js我们才可以使用npm在命令行中安装Vue-cli
   安装node.js地址

2. 第二步：使用npm全局安装webpack
   cmd进入命令行工具输入：npm install webpack -g
   安装完成之后输入 webpack -v，查看版本号，如下图
   
   注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令
   npm install webpack webpack-cli -g

3. 第三步：全局安装vue-cli
   在命令行工具中输入：npm install --global vue-cli
   这里附上Vue cli3的文档链接：点这里