vue-cli使用

前言
最近公司新接集团项目，前端一律使用了目前较为主流的vue.js框架。作为连webpack都不大熟的人来说搭建项目都是个噩梦，不得不沉下心来看了一遍官网介绍总算有些初步的认知。

使用之前

要使用vue.js搭建前端项目，作为webpack小白不得不官网上提到的vue-cli脚手架开始。当然在开始搭建项目前你得先了解 node、npm的使用。在项目中我们使用nrm对npm源进行管理，你可以添加私有源链接，也可以添加淘宝镜像，具体看项目。在我们项目中使用nrm添加了私有仓储链接。

使用 vue-cli 搭建项目

下面的整个过程是基于已有node和npm环境的基础上

1. 全局安装 vue-cli ，在命令提示窗口执行：
   npm install -g vue-cli

2. 在vue-cli全局安装好后，在你需要创建的目录的文件夹下执行创建工程命令
   vue init webpack
   执行命令后，后续还需输入一下项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等等，部分默认即可

3.生成目录后，要安装所需要的依赖，即package.json文件里的依赖，执行命令
npm install

1554195066.png

4.最后执行npm run dev 来启动项目即可