VUE入门《环境安装+项目创建》

要安装和使用 Vue CLI 以及运行 Vue 应用服务器，您需要安装Node.js JavaScript 运行时和npm（Node.js 包管理器）。npm 包含在 Node.js 中，下载 | Node.js 安装它。

提示：要测试您的计算机上是否正确安装了 Node.js 和 npm，您可以打开CMD后键入node --version和npm --version，能显示版本则表示已安装。

要安装vue/cli，请在终端或命令提示符下键入：npm install -g @vue/cli

安装可能需要几分钟时间。您现在可以通过键入 vue create my-app 来创建一个新的 Vue.js 应用程序

my-app您的应用程序的文件夹名称在哪里。系统将提示您选择一个预设，您可以保留默认值(babel, eslint)，这将使用Babel将 JavaScript 转换为浏览器兼容的 ES5，并安装ESLint linter以检测编码错误。创建 Vue 应用程序并安装其依赖项可能需要几分钟时间。

让我们通过导航到新文件夹并键入npm run serve启动 Web 服务器并在浏览器中打开应用程序来快速运行我们的 Vue 应用程序：

<span style="color:#333333"><span style="background-color:#ffffff"><code><span style="color:#795e26">cd</span><span style="color:#000000"> my-app</span>
<span style="color:#000000">npm run serve</span>
</code></span></span>

您应该在浏览器中的http://localhost:8080上看到“Welcome to your Vue.js App” 。您可以按Ctrl+C停止vue-cli-service服务器。

要在 VS Code 中打开 Vue 应用程序，请从终端（或命令提示符）导航到该my-app文件夹​​并键入code .：

<span style="color:#333333"><span style="background-color:#ffffff"><code><span style="color:#795e26">cd</span><span style="color:#000000"> my-app</span>
<span style="color:#000000">code </span><span style="color:#795e26">.</span>
</code></span></span>

VS Code 将在文件资源管理器中启动并显示您的 Vue 应用程序。

使用  VSCODE   ：Vue JavaScript Tutorial in Visual Studio Code

出现错误:Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-marker .

将D:\Users\10970429\.vuerc 里面的true更改成false

 cd  到项目根目录

运行服务：

npm run serve

打包项目：

npm run build