1.安装node.js 

进入官网 :https://nodejs.org/en/ 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_版本号


选择适合自己的版本下载,可以一直选择下一步进行安装。2.验证node是否安装成功 

安装完成之后,在桌面打开终端 (win键+r键输入“cmd”即可打开),在终端输入“node -v” 会出现你所安装的对应版本就是安装成功 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_命令行_02

3.安装cnpm 
由于npm是国外的,使用起来很慢,所以用淘宝镜像cnpm代替npm,功能完全一样 
终端里面输入

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 1

等待安装,安装成功之后输入 “npm -v ” 出现版本号,证明已经安装成功

4.安装vue-cli脚手架 
终端输入命令行

cnpm install --global vue-cli
  • 1

回车,等待安装

5.验证vue 版本 

当脚手架安装完成之后,可以在终端输入 vue -V 查看版本 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_命令行_03

———————————————————到这里,环境搭建基本完成—————————————— 
如果没有换电脑的话,以后做项目就可以直接进入下面的步骤 
如果换电脑,就要再次按照上面步骤为电脑搭建一个vue环境。

———————————————————接下来,是每次创建vue的新项目的第一步骤——————-

1.进入到想要放vue项目的文件夹 

进入到项目的存放目录,shift+鼠标右键,点击“在此处打开命令窗口” 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_右键_04

 

不进入项目目录也可以,只是如果不进入,待会生成的目录就会在桌面,占空间。2.创建vue项目 

在该目录下,打开终端 输入 “vue init webpack VueProject” (这个命令的意思就是 我创建了一个vue项目,并且命名为“VueProject” 即通用一点表达就是 “vue init webpack 项目名”) 

等了很久很久之后……………… 

会出现 Project name 开头的命令的时候,接下来一直回车就可以 

如果有(Y/N)选择的,除了vue-router选Y,其他都选N。(全部选N也可以) 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_版本号_05

创建成功之后,会输出一个命令行 教我怎么运行vue项目 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_版本号_06

 

不知道为什么有这么多ERR!! 

看着心拔凉拔凉的,但是不管哈哈哈哈3.运行vue项目 

根据刚刚创建项目成功之后输出的命令行 

进入VueProject项目(即是刚刚 vue init webpack VueProject),打开命令行, 输入命令 “npm run dev” 

就会出现下图 

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_右键_07

 

会出现一个地址:http://localhost:8080

打开浏览器输入:http://localhost:8080 回车

vue3 ts 如何判断是安卓还是ios 如何查看vue是否安装成功_版本号_08

vue项目搭建成功

记录vue的知识点,有不对的地方,请各位指正