Vue 学习记录
Posted handsomeblog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 学习记录相关的知识，希望对你有一定的参考价值。
环境准备
- node.js
- vue-cli
安装配置环境
1.下载node.js，使用默认配置安装 。
2.使用npm命令安装国内下载镜像（可选）
cmd: npm install -g cnpm --registry=https://registry.npm.taobao.org
tips:在命令行输入 npm -v 或cnpm -v 查看npm或cnpm 版本
3.全局安装vue-cli （vue-cli3.x 搭建的项目界面更为简洁，查看vue-cli 3.x 新特性）
cmd: cnpm(或 npm) install vue-cli -g
tips:在命令行输入 vue -V 查看vue-cli版本（注意这里的-V一定要大写的’V‘）
创建项目
1. 创建vue项目
(vue-cli v2.x)cmd: vue init webpack ”项目名称“
(vue-cli v3.x)cmd: vue create ”项目名称“
2.安装依赖
cmd: cd到项目根目录 ，执行命令 npm install
3.运行项目
(vue-cli v2.x)cmd: npm run dev 或 npm start
(vue-cli v3.x)cmd: npm run serve
?什么是npm和cnpm
npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
扩展阅读：
以上是关于Vue 学习记录的主要内容，如果未能解决你的问题，请参考以下文章