通过Vue CLI 4创建项目

1、安装Vue CLI 4

前提是你已经安装了Node(自带npm)，Node版本要求：Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

这里我安装指定的版本,输入下面的命令

npm install @vue/cli@4.5.17 -g

2、创建项目

1.输入命令 vue create 项目名

2.选择项目需要的预设功能,这里我选择最后一个，手动选择特性

3.根据需求选择，这里我暂时只用选择一个Babel

4.选择将各个功能插件和工具配置信息放在哪，我选择第一个，后期方便管理

5.问是否选择将此保存为未来项目的预置，根据自己需求

到这里就创建完成了!

通过Vue CLI 4创建项目相关推荐

Vue CLI构建SPA项目教你手把手创建SPA项目
下载安装Vue-CLI 官方文档:https://cli.vuejs.org/zh/ 首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本. 然后,我们就可以使用 npm 来安装 vue/ ...
猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
vue ui网页创建项目失败
vue ui网页创建项目失败出现"Cannot set property 'context' of null"错误原因:vue-cli脚手架版本不正确解决方法:我第一次安装的是 ...
vue图形界面创建项目报：GraphQL error: Cannot return null for non-nullable field Mutation.projectCreate，解决方法
1.删除C:\Users\admin\AppData\Roaming\npm-cache中的所有文件,每个电脑路径可能不一样, 总之在/AppData\Roaming\npm-cache下面 2.命令 ...
vue create xxx创建项目过程中报错的解决方法
vue create xxx创建项目过程中报错的解决方法报错图例解决办法报错图例解决办法首先检查电脑里是否安装node.js 检查方法:命令行输入 node -v 还要再输入一个 npm - ...
Vue.js 学习笔记十二：Vue CLI 之创建一个项目
目录创建一个项目创建一个项目运行以下命令来创建一个新项目: vue create vuecli-demo 你会被提示选取一个 preset.你可以选默认的包含了基本的 Babel + ESLin ...
vue CLI脚手架搭项目
1.安装 node.js环境官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到安装完成后cmd打开终端,输入node -v ,npm - ...

通过Vue CLI 4创建项目

1、安装Vue CLI 4

2、创建项目

通过Vue CLI 4创建项目相关推荐

最新文章

热门文章