Vue安装

Vue.js官网

安装nodejs

Node.js下载地址
中文地址

根据自己的电脑选择对应的LTS就可以

LTS: Long-term support 长期支持版本

之后你可能想要升级node的版本，可以供gnvm、nvm之类的应用去管理版本，这个自己查查就好

vuecli

Vue CLI

下载vue/cli

根据教程，安装完nodejs后，在cmd中使用npm命令即可下载

npm install -g @vue/cli
# 或者
yarn global add @vue/cli

查看版本

vue --version
# 或者
vue -V

升级版本

npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

创建第一个Vue应用

选择一个目录下打开cmd(入股用 powershell ，在你不设置的情况下是默认禁止使用脚本的)

# vue create [ProjectName]
# 比如
vue create vue3Project

会让你选择预设

  • Default ([Vue 3] babel, eslint)
  • Default ([Vue 2] babel, eslint)
  • Manually select features

分别是默认使用Vue3、Vue2、手动设置

如果进入了手动设置，通过空格去进行选择哪些打勾，回车确定，这里我们选Router,Vuex,Babel,Linter/Formatter即可

接下来选择版本3.x即可，可以先不使用历史模式，输入n即可，选择ESLint+Prettier即可，Lint on save保存时编译，然后接下来两个随便，都行，会开始构建项目。

进入vue3project使用

npm sun serve

即可启动项目

文档中初学者不推荐直接使用脚手架，因此我们可以cdn引入，或者本地引入

// 版本号可以自己改，可以可以下载到本地，本地引入
<script src="https://cdn.jsdelivr.net/npm/vue@3.2.33"></script>

推荐插件Vue 3 Snippets