windows10下VUE的安装
- 1.官网下载node.js
- 2.检测node.js是否安装成功
- 3.安装vue
安装vue之前最好先下载node.js,在用node安装vue。
1.官网下载node.js
附下载地址 http://nodejs.cn/download/
2.检测node.js是否安装成功
1.下载完安装包之后进行傻瓜式的安装就行,然后记住安装的目录。
2.安装完node.js后,是会有npm包管理器的,所以可以在node.js的安装目录进入cmd使用node -v 和npm -v 命令查看node.js是否成功安装,出现版本号说明安装成功。
3.安装vue
vue的安装有vue2.x的安装和vue3.x的安装,首先介绍vue2.x的安装。
1.安装vue
vue2.x
1.1在之前安装node的命令窗口输入npm install -g vue-cli 来进行安装vue
vue3.x
1.2在之前安装node的命令窗口输入npm install -g @vue/cli(安装指定版本npm install -g @vue/cli@3.11.0 )来进行安装vue3.x
2.检查vue是否安装成功,在命令窗口输入 vue -Version或者 vue -V来查看vue是否安装成功,出现如图的版本号说明已经安装成功。(我这里vue的版本跟安装的不一样是因为做过一次升级,所以大家不必在意,能出现版本号就是可以的)
这个是安装vue3.x执行vue -V之后显示的版本号
至此vue的安装就成功了。
vue3.x的进阶用法——vue图形化界面
在命令窗口输入vue ui,等待执行完之后即可进入图形化页面/
命令
图形化界面
选择项目路径
输入项目名,包管理器选择npm,点击下一
点击默认配置,进行创建项目
等待安装
命令窗口可以查看进度
成功之后就可以看到管理页面
在项目目录中使用命令npm run serve就可以启动项目
命令窗口
网页内容
以上就是vue3.x项目的创建和运行。