vue vue-cli安装

时间:2023-01-09 16:31:41

npm 更新

cnpm install -g npm

Vue 的基本用法

Vue 相比于 React 和 Angular 容易上手多了,因此我对 Vue 的学习主要以文档为主,视频为辅(只有像我这种菜鸟才看视频教程,真正的牛人文档瞄几眼就会了(-_-#))。

下载使用(两种方式)

  1. 直接下载并用 <script> 标签引入, Vue 会被注册为一个全局变量。

平时对于 Dom 操作比较频繁的小项目可以直接这样使用。

  1. Vue.js 提供一个 官方命令行工具 ,可用于 快速搭建大型单页应用 。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

针对单页应用的构建推荐使用这种方式,可以更好的体验到 vue 所提供的组件化功能 ( 单文件组件 ),顺带着享受到 webpack 带来的流畅的自动化开发体验。

# 全局安装 vue-cli
$ npm install -g vue-cli
# 创建一个基于 "webpack" 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev