Vue.js 填坑日志

最近在学习Vue.js, 发现自己有很多前端的坑需要进行填充, 所以现在只能边学框架边打基础来继续我的前端学习之路

Vue-cli 的简单使用

Vue-cli 是Vue.js 官方的工具, 能快速搭建起基于Vue.js 和 webpack的脚手架应用. Vue-cli 提供了 vue ui 的指令, 能在web 页面快速创建新的应用.


简单上手

安装配置Vue-cli 主要有如下几个步骤:

  1. 配置node.js 环境和cnpm
  2. 安装vue-cli
配置node.js 环境和 cnpm

首先从官网下载好 node.js 的二进制包, 下载地址为

1
https://nodejs.org/dist/v12.6.0/node-v12.6.0-linux-x64.tar.xz

下载好之后, 解压到特定目录并将目录下的bin目录的完整路径引入到

1
PATH

变量里.

完成之后, 就能愉快的使用npm 命令了.

然后使用

1
npm install -g cnpm

来使用国内淘宝的npm 镜像服务, 提升使用体验.(如果放入非家目录下, 则需要

1
sudo

执行)

装好之后, 我们进入下一步.

安装vue-cli

打开命令行执行

1
cnpm install -g @vue/cli

命令. 看到提示安装完成后, 即可使用.


简单使用

在完成了vue-cli的安装之后, 即可使用

1
vue ui

命令来启动网页端的vue 项目管理工具. 可以用于快速建立, 配置项目, 插件搜索与安装等一系列快捷操作.