【VUE】VUE初步入门，安装及运行

【VUE】VUE初步入门，下载安装配置环境及运行

1.下载地址

https://cn.vuejs.org/

2.创建

提示：要测试您的机器上是否正确安装了 Node.js（https://nodejs.org/en/download/package-manager） 和 npm，您可以输入node --version和npm --version。

若如图，可以显示版本，则说明已成功安装。

使用下面指令创建项目，项目名自取，这里我用test

vue create 项目名

这个问题是在使用Vue CLI创建Vue项目时出现的，提示用户选择一个预设的配置选项。Vue CLI提供了一些默认的预设选项供用户选择，包括了Babel、Vue Router、Vuex以及单元测试配置。

如果你想要使用Vue 3、Babel、Vue Router、Vuex以及使用Jest进行单元测试的预设配置，你可以直接回车或者输入序号选择default_preset。

如果你需要修改这些预设配置，你可以选择Manually select features，然后根据提示手动选择需要的特性。

我选择直接敲回车
然后是漫长的等待

以前这一步是走的通的，今天异常慢
然后我决定运行一个已经写好的项目，来完成后续的说明

3.运行

1.初始完之后，进入到项目根目录： cd 项目名
2.启动项目：npm run serve
vscode 终端 输入 指令，启动Vue项目。

npm run serve

若提示：‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。试着运行：

npm install

3.在浏览器输入http://localhost:8080就可以看到vue的欢迎界面。或者ctrl+单击http://localhost:8080
即可使用浏览器打开vue文件。