前言：为什么使用CLI（command line interface）? 每次创建一个新的vue项目，都要下载webpack依赖包，创建文件目录以及各种东西，CLI是一个用于管理Vue项目的框架，用于项目代码的结构维护以及配置一条龙服务。 安装步骤：安装前提 Node环境要搭建好，默认下安装node自带npm 安装指令 如果对单独一个项目安装，直接进入项目目录，然后 npm install @vue/cli@3.0.4 如果要全局安装，直接win + R ，cmd，然后 npm install @vue/cli ...
第一步：安装nodeJS 1、nodeJS官网下载地址：https://nodejs.org/en/download/ 2、安装完成后 运行cmd 查看版本 node -vnpm -v如能够查看到版本号 说明已经安装成功 第二步：安装vue-cli //npm 或已安装淘宝镜像 cnpm 都可行 npm install -g vue-cli安装之后 便不需要再次安装 //查看是否已安装 vue -V //注意 这里的V是大写的V注意：安装vue-cli时可能会碰到几个问题 1、如果无法识别vue，那么就是npm版本过低，需要更新 npm ins...
第十二节 12.1vue-cli脚手架 1、vue-cli是vue的脚手架，对项目的搭建，打包都很方便； 2、在安装Vue-cli之前，首先先安装node，安装node的教程见Node 3、安装完成node后安装淘宝镜像和webpack 4、由于国内访问速度较慢，建议将NPM源设置为国内的镜像，可以大幅提升安装速度 #安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org #安装webpack cnpm install webpack-cli -g12.2vue2.X安装 #npm安装vue2.X...
单文件组件的后缀为.vue （1）单文件组件的结构：（2）脚手架安装 下载脚手架（Vue CLI）-->脚手架会配置webpack-->webpack对单文件组件进行预处理（翻译vue文件到html文件） 可以使用下列任一命令在C盘下安装这个新的包： npm install -g @vue/cli（常用） 或 yarn global add @vue/cli 可以用这个命令来检查其版本是否正确: vue --version （3）脚手架项目的创建 （3.1）在文件夹F:\H5DaiMa\VS Code\Day2 CLI 下创建脚手架项目my...