如何创建vue脚手架

创建vue脚手架
Vue脚手架是vue官方提供的标准化开发工具(平台)
参照官方文档vue CLI(command line interface)–命令行接口工具

https://cli.vuejs.org/zh/guide/

下面介绍一下如何安装vue脚手架：
先确认电脑中未安装vue脚手架

安装脚手架前提，需先安装nodejs

进入官方http://nodejs.cn/下载

根据自己的电脑选择下载的版本

双击文件下载

点击下一步，选择安装路径（建议安装到D盘）

一直点击下一步，不需要选择什么，知道finish出现

查看安装环境：
Window + R键打开DOS界面，并输入cmd，点击确定,输入npm -version 回车查看到一下信息

查看自己nodejs版本

看接下来就可用安装脚手架了
第一步（安装一次）：全局安装@vue/cli。
使用VUE官网推荐的方式
npm install -g @vue/cli
参照官网地址：https://cli.vuejs.org/zh/guide/installation.html
Window + R键打开运行界面，并输入cmd，点击确定。
输入命令：npm install -g @vue/cli
如果卡住了，就点击回车(可以关注后面的是否跳动)

以下错误是本身的可以忽略

可以用：vue --version 命令，查看当前安装版本

注意：如果出现Unexpected token … in JSON at position … 那么执行：
解决手段1：
切换成淘宝的国内镜像：
npm config set registry https://registry.npm.taobao.org/
查看是否切换成功：
npm config get registry
强制清除npm缓存：
npm cache clean --force
再执行安装npm：
npm install -g npm
再次执行安装vue命令：
npm install -g @vue/cli

第二步：切换到你要创建项目的目录，然后使用命令创建项目
直接在想要创建的目录输入cmd

选择vue 的版本，点击回车(查看其中的基本信息)

选择npm

然后等待(卡住点击回车)

完成后查看并且进入到vue_test文件中执行npm run serve命令

等待翻译其中的内容，自动开启了内置小服务器端口8080

ctrl鼠标点击复制第一个网址8080端口，打开第一个hello页面

然后可以看到vue里面的东西

使用软件（JetBrains WebStorm）打开脚手架，就可以看到脚手架的基本结构