Vue CLI 2.x搭建vue(目录最全分析)

一、vue-cli介绍

脚手架是一个用于快速搭建某视频剪辑软件项目的脚手架。

二、vue-cli安装、更新

安装过nodeJs、cnpm后，全局安装vue-cli(以后其他项目可直接使用):

cnpm安装-g vue-cli更新：

cnpm更新脚手架查看安装成功否（有版本号就是成功，五大写)

查看版本查看新公共管理注册表里脚手架版本号：

cnpm视图脚手架三、vue-cli使用

安装过webpack、vue-cli后，可以开始搭建某视频剪辑软件项目：

vue init网络包项目名称：右击Git基数在这里（如果你没有用git，你也可以按住变化键右击选择"在此处打开命令窗口",或者cmd :cd \project/lfxProject)，如图：

或者

ps:ESLint(一个爪哇岛描述语言代码检测工具)、单元测试（单元测试)、守夜人（一个e2e用户界面测试工具)。

四、项目完成

项目结构如下：

各文件作用解析，如下：

1、构建文件夹：

建设文件夹的结构：

(1)构建。射流研究…

请使用严格的要求./check-versions')() //调用版本检查过程。ENV。NODE _ ENV=' production '//将环境配置为生产环境const ora=require('ora') //npm包装货插件const rm=require('rimraf') //npm包用于删除文件const path=require('path')//npm包文件路径工具常数粉笔=require('粉笔)//国家预防机制包在终端输出带颜色的文字const web pack=require(' web pack ')//引入webpack.jsconst config=require('./config')//引入配置文件const webpackConfig=require(' ./webpack.prod.conf')//引入生产环境配置文件//在终端显示装货效果，并输出提示const spinner=ora('生产建筑.)spinner.start()//先递归删除距离文件再生成新文件，避免冗余RM(路径。加入(配置。建造。资产根，配置。建造。资产子目录)，err={ if(err)throw err web pack(webpackConfig，(err，stats)={ spinner。stop()(如果(err)抛出err进程。标准输出。写入(统计数据。tostring)({ colors : true，modules: false，children: false，chunk s 3360 false })' \ n \ n ')if(stats。haserrors()){控制台.\ n’)进程。退出(1) }控制台。日志（粉笔。青色('构建完成\\ n ')控制台。日志（粉笔。黄色(' Tip:构建的文件应该通过超文本传送协议服务器提供“\n”通过文件：//打开index.html将不起作用\\ n ' })})PS:需要/导出是一种节点规范)的依赖注入的方法，进口/出口是ES6语法，用于引入模块，在开发中使用的ES6语法最终会使用巴别塔工具（巴别塔装载机)转化为ES5

(2)check-version.js:检测结节和新公共管理的版本，实现版本依赖

使用标准时间