上面是我们用vue-cli生成的一个基础项目 可以看到名字是VueDemo我们打开package.json VueDemo基于驼峰命名,所以这里我们改成name是vue-demo然后我们去看看他的结构
前言:为什么使用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...