vue-cli脚手架创建vue项目

准备

1. 安装node.js   下载 | Node.js 中文网

2. 安装脚手架    npm install @vue/cli -g

   具体操作： vue项目初始化步骤

3. 创建一个项目

打开文件夹，在地址栏输入cmd，回车进入控制台，输入vue create demo(项目名)

第一个是以前项目保存的配置；第二个是Vue3项目；第三个是Vue2项目；最后一个是手动安装。这里选择手动安装

需要的配置，这里选择了Babel 和 Router 。

一般会使用到Babel、Router、Vuex、CSS，按需选择。

 选择Vue版本，2.x 或 3.x

执行之后会在文件夹中自动初始化创建一个文件夹demo，完成创建。

4. 启动项目

cd demo
npm run serve 

显示一个路径，用浏览器打开