原创windows系统下Vue3的安装和创建项目,分享给新手参考

Vue 824 0 2023-01-31

windows系统下Vue3的安装和创建项目,分享给新手参考

在安装vue前先下载安装好code.js和vscode软件,下载地址如下:

node.js下载地址:https://nodejs.org/en/
vscode下载地址:https://code.visualstudio.com/
(安装完建议重启电脑)

以下都完成后运行cmd打开命令窗口,安装脚手架,命令:npm install -g @vue/cli

安装脚手架后查看版本,命令:vue -V

如出现以上版本号说明安装成功。

现在开始创建一个项目,比如项目名称为:vue3basis,先cd到你电脑上的项目目录,然后运行命令:vue create vue3basis

创建过程需要选择一些项,根据自己情况选择即可,完成后打开vscode软件,把项目加进来,如下图所示:

然后打开终端,如下图:

打开后会出现在下方,然后运行服务,命令:npm run serve,服务启动完成后如下图所示:

然后在浏览器中打开链接:http://localhost:8080/,将显示如下类似效果,说明安装完成!

上一篇:Vue框架的.vue文件与引入vue.js文件的区别和node.js的关系

下一篇:Vue实例:v-on/v-for/v-if的联合使用

讨论数量:0

请先登录再发表讨论。 2024-04-17

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链