Vue-安装及安装vscode相应插件

  1. 安装Vue
    1. 安装nodejs, 地址:https://nodejs.org/en
      下载后直接安装。
      安装后重新打开命令行工具,输入 node -v
PS C:\Users\zcl36> node -v
v20.10.0 
2. 安装vue包
npm install -g @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确:

PS C:\Users\zcl36> vue --version
@vue/cli 5.0.8
  1. 创建Vue项目
    运行以下命令来创建一个新项目:
vue create hello-world
  1. 启动Vue
npm run serve

之后打开“ http://localhost:8080/”这个网址,就可以看到vue界面了。

  1. 安装vscode 对应插件。
    1. Auto Rename Tag。自动更改结束标签。
    2. Live Server:自动搭建本地服务器。
    3. Vetur:vue组件格式支持。
    4. vscode-icons:美好vscode中的文件图标。

猜你喜欢

转载自blog.csdn.net/zcl369369/article/details/134656415