安装Vue-cli并且创建项目

1.安装

1.1 安装node.js

安装node.js

1.2 安装vue-cli

cmd打开命令行，执行如下命令：

npm install -g @vue/cli

验证是否安装成功

vue -V

出现以下界面即安装成功

2.创建项目

要把项目创建到哪个文件夹下面，就进入文件夹，然后cmd进入命令行，然后输入：

vue create 项目名称

选择要安装vue项目的版本，这里我选择 vue3，然后等待安装成功。

安装成功后，会提示你两个命令行

cd 项目路径
npm run serve
依次运行这两个命令，会出现如下界面

这样，项目就启动成功了，两个地址一个是本地，一个是网络

安装Vue-cli并且创建项目相关推荐

通过Vue CLI 4创建项目
1.安装Vue CLI 4 前提是你已经安装了Node(自带npm),Node版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上). Vue CLI 的 ...
如何在Window下安装node\npm\cnpm，并安装vue.js，创建项目
1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...
Angular介绍、安装Angular Cli、创建Angular项目入门教程
场景 Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等人创建,后为Google 所收购.是一款优秀的前端JS 框架,已经被用于Google ...
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-cli并且创建项目

1.安装

1.1 安装node.js

1.2 安装vue-cli

验证是否安装成功

2.创建项目

安装Vue-cli并且创建项目相关推荐

最新文章

热门文章