vue-cli的脚手架安装流程

先要安装node，node基本使用

• Node.js 的官网地址：

Node.jshttps://nodejs.org/zh-cn/

• 查看版本号  node-v
• Windows 系统快速打开终端的方式：

     （Windows徽标键 + R）打开运行面板，输入 cmd 后直接回车

• node 终端使用的快捷键

        ① 使用 ↑ 键，可以快速定位到上一次执行的命令

        ② 使用 tab 键，能够快速补全路径

        ③ 使用 esc 键，能够快速清空当前已输入的命令

        ④ 输入 cls 命令，可以清空终端

如何安装yarn

下载node.js，使用npm命令安装yarn

npm install -g yarn 

如何安装vue脚手架

yarn global add @vue/cli
npm install -g @vue/cli

• 查看vue脚手架版本

       vue -V

• vue和create是命令, vuecli-demo是文件夹名

        vue create vuecli-demo

• 进入脚手架项目下, 启动内置的热更新本地服务器

        cd vuecil-demo

        npm run serve 或 yarn serve

• vue-cli自定义配置

       src并列处新建vue.config.js

/* 覆盖webpack的配置 */
module.exports = {
  devServer: { // 自定义服务配置
    open: true, // 自动打开浏览器
    port: 3000
  }
}

vscode-插件补充

vue文件代码高亮插件-vscode中安装 ------ Vetur

代码提示插件-vscode中安装 ------VueHelper

浏览器安装vue调试插件

vue-devtools