(一)Vue入门:环境安装步骤

前言

做为vue初学,认为拷贝一些JS文件或者Vue文件,就可以把环境搭建起来,这方法行不通。大家跑一遍教程后,会有新的发现。

一、安装node

本文使用的是node-v12.18.2-x64.msi,因为node-v14.5.0-x64用于高于windows7。

二、打开cmd

1、测试安装,查看版本

(一)Vue入门:环境安装步骤_第1张图片

2、新建需要存放的目录,我这里是安装在c:\vue

(一)Vue入门:环境安装步骤_第2张图片

3、安装vue-cli。继续运行。打开文件夹,在文件夹右键+shift,用命令行打开。或者用cmd打开,然后进入到 c:\vue。

#如果是已经安装vue1.0/2.0,那么首先卸载,然后再重新按照上面的命令执行
npm uninstall vue-cli -g

#安装vue3.0,执行下面的命令
npm install -g @vue/cli

 

(一)Vue入门:环境安装步骤_第3张图片

5、通过ui创建工程,安装vue/cli之后,运行命令

vue ui

(一)Vue入门:环境安装步骤_第4张图片

看到命令行启动后,会自动打开浏览器,跳转到任务界面,至此,vue环境搭建成功:

(一)Vue入门:环境安装步骤_第5张图片

 

 

你可能感兴趣的:(Vue,vue)