vue新建项目

vue新建项目

• vue新建项目
• • 安装Node.js
  • 使用npm安装vue-cli
  • [创建一个基于 webpack 模板的新项目](#创建一个基于 webpack 模板的新项目)

vue新建项目

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

安装Node.js

单机Windows installer即可自动下载，其他平台自行选择需要的版本。LTS是长期支持版本，Current是最新的版本，建议选择LTS。

安装过程跳过，安装完成后验证

在cmd里面分别输入、node -v、npm-v，如下图，如果出现相应的版本号，则说明安装成功。

使用npm安装vue-cli

在cmd中输入命令npm install --global vue-cli，安装完成之后输入vue -V（注意V大写），如下图，如果出现相应的版本号，则说明安装成功。（-global 意思是全局安装 这羊Vue会安装到 安装node 的文件夹下 否则会安装到 当前目录）

创建一个基于 webpack 模板的新项目

vue init webpack my-project

my-project（项目文件夹名）

执行这个命令后命令行会出现一些需要你填写选择的项目属性：