Vue 脚手架安装和创建新项目(保姆级教程)
目录
1、安装Nodejs
2、安装Vue脚手架
3、 创建Vue项目
4、如何安装项目需要的依赖和插件(以element-ui为例)
5、用WebStrom或者Vs code打开项目
1、安装Nodejs
先win+r然后cmd打开window命令窗口
在window命令窗口输入node --version查询自己的电脑有没有安装Nodejs
node --version
如果已经安装了Nodejs,会显示Nodejs的版本号
如果没有安装的话,就需要去官网安装,如果不想去官网找的话,这里为大家准备了网盘链接可以下载,官网最新的是20.4.0版本的,官方推荐的长期支持的稳定版本是18.16,下载18.16版本即可。
百度网盘链接:
链接:https://pan.baidu.com/s/1bjEuNm0zm9hdGzFj4DIkMA?pwd=yqqy
提取码:yqqy
下载完成后解压安装即可
2、安装Vue脚手架
先在window命令窗口输入vue --version查看是否安装Vue脚手架
vue --version
和Nodejs一样,如果安装就会显示版本号,如果没有安装,就在window命令窗口输入以下命令
npm install -g @vue/cli
以上就是安装步骤,下面来教大家如何创建一个Vue项目
3、 创建Vue项目
在window命令窗口输入vue ui
vue ui
此时会打开一个网页,然后在红色框中输入本地的文件夹路径,这个可以自己选择,C,D,E盘都可以,但是要保证这个文件夹在本地中存在,输入完后一定要按回车键!一定要按回车键!一定要按回车键!
然后输入项目名称,点下一步继续配置
这里选择一下手动配置项目,点击下一步继续配置
功能这里选择一下手动配置的一些信息
最后修改一下版本即可完成Vue工程的创建
4、如何安装项目需要的依赖和插件(以element-ui为例)
安装element-ui有两种方法
(1)使用命令来安装
npm install -s element-ui
(2)使用图形化安装
点击左侧的插件按钮,然后点击添加插件
然后下载插件,这里以element为例,以后项目中如果有需要下载插件就在这里搜索下载
5、用WebStrom或者Vs code打开项目
推荐阅读
-
如何在 Windows 11 下安装 Maven 并配置和 IDEA 配置 Maven 环境(保姆级教程)
-
Vue 脚手架安装和创建新项目(保姆级教程)
-
Vue 下载和安装分步详细教程(亲测有效) 2 安装并创建默认项目
-
Vue2 全局安装和 vue-cli3 项目脚手架安装教程
-
Java/JDK 下载、安装和环境变量配置超详细教程(2022 年更新)保姆级,秒会
-
安装和使用 Redis,在 IDEA 上进行配置 - 保姆级教程
-
VSCode 安装、配置和使用教程(最新版本的超详细保姆级包括插件)一篇文章就够了!
-
vmware-17 虚拟机安装教程和版本密钥(保姆级,含图解,无需注册账号) - III.
-
从零到一的nvm、npm、cnpm、yarn、vue全套安装和环境配置以及创建新项目和如何运行人的项目大全,最详细,保姆级