vue cli4 安装步骤---命令式安装

//安装vue cli4
npm install @vue/cli -g

//检测是否安装成功
vue --version     //或者 vue -V

//创建项目
vue create vueapp

选择手动或自动安装

手动安装界面，用上下箭头移动、空格键确认选项

1 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
2 >( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 
3  ( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
4  ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
5  ( ) Router // vue-router（vue路由）
6  ( ) Vuex // vuex（vue的状态管理模式）
7  ( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
8  ( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
9  ( ) Unit Testing // 单元测试（unit tests）10 ( ) E2E Testing // e2e（end to end） 测试

后面的步骤看情况选择y或n

路由模式配置

这里我选择less，回车！

保存时候检查代码

选择lint的配置文件如何存放。这里选择分开存放，方便管理。回车！

选y，回车、再回车

开始安装

完成

本文链接：https://blog.csdn.net/Zfang678/article/details/106598024

智能推荐

使用@vue/cli4创建element项目(一)

本文主要内容是通过@vue/cli4创建一个基础的element项目,记录一下完整的创建过程 1.安装node.js 访问地址:Node官网,下载最新的LTS(长期支持版本),进行安装,安装过程使用默认安装方式就可以，但是注意一点,安装过程中出现如下选择,建议选择,虽然安装时间较长,但是会将node.js需要的一些工具安装好如python2等。本人安装的版本如下,如果为了确保一致性,可以选择此版...

在vue/cli4 中全局使用jquery

分享一下如何在vue/cli4 中全局使用jquery 1. 安装jquery 2. 在根目录下创建vue.config.js文件 3. 重新安装eslint 4. 配置eslint 5. 最关键的一步 6. 最后最近想在vue里面使用jquery,上网搜了一下，大部分都是这种在项目根目录下的build目录下找到webpack.base.conf.js文件但vue-cli2之后就没有buil...

vue cli4配置动态地址

有些资源地址 vue打包之后如果修改需要重新打包，这就很烦，有很多 vue cli2 的参考文档，刚好配置出了 vue cli4 ，在这里记录一下安装 generate-asset-webpack-plugin vue.config.js 中配置 generate-asset-webpack-plugin...

Vue cli4的构建与文件目录

Vue cli 安装 1.下载node js 2.全局安装 npm install -g @vue/cli (全局安装，只需安装一次) 3.查看版本号 vue -V 创建项目(命令行) 1.选择一个空的文件夹，命名Vue-cli(自拟) 2.打开终端，在当前项目文件夹中在当前项目文件夹中 vue create vue-project，其中 vue-project 就是新建项目的文件夹名字 3.选...

vue cli4接入环信webIM

vue cli4接入环信webIM 1.安装 2.配置文件WebIMConfig.js 3.使用...

vue cli4 安装步骤---命令式安装

智能推荐

猜你喜欢