如何使用vue脚手架创建项目

1 安装node.js

• node.js可以提供给我们一个npm包管理工具，用来下载一些我们所需要的东西
• npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
  
  如用这两个命令查看安装的版本
  node -v
npm -v
  
  因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，因此切换为淘宝的镜像源；cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm。
  npm install cnpm -g --registry=https://registry.npm.taobao.org
  
  查看npm/cnpm下有哪些命令可以输入npm/cnpm进行查看，使用
  cnpm -v查看安装cnpm版本

2 通过cnpm全局安装vue

这个命令只需要运行一次就可以了，安装上之后，以后就不用安装了。
需要注意的是安装vue2.x和vue3.x安装的命令是不同的，选择一个版本进行安装
vue2.x安装命令：cnpm install -g vue-cli
vue3.x安装命令：cnpm install -g @vue/cli
如果需要卸载当前版本：
vue2.x卸载命令：cnpm uninstall -g vue-cli
vue3.x卸载命令：cnpm uninstall -g @vue/cli

查看安装的vue版本vue -V，我所使用的是vue2

3 使用vue-cli来创建一个基于 webpack 模板的新项目

什么是webpack ：一个模块打包器，它做的事情是分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用
选择自己想要放置文件的路径，执行命令
vue init webpack
一般情况如果不做什么具体描述直接一路回车就行
**注：**若是下载模板慢，可以先运行cnpm install --save-dev webpack
运行当前创建的vue项目npm run dev

进入http://localhost:8080进行显示