vue入门学习笔记

一、vue的安装与使用

1.安装nodejs用npm作为包管理工具

https://www.runoob.com/nodejs/nodejs-tutorial.html

2.vue单个文件开发

 npm init --yes

npm install vue

npm install vue-router -S

npm install axios

https://www.kancloud.cn/yunye/axios/234845

3.vue模块化开发

全局安装 webpack

npm install webpack -g

全局安装 vue脚手架

npm install -g vue-cli

安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

初始化项目

vue init webpack appname

启动vue项目

npm run dev

 

安装elementui

npm i element-ui

main.js中使用：

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

 

3.安装vsCode作为开发编辑器

https://www.cnblogs.com/zhangyaolan/p/11109660.html

1、vscode配置git

首先确保环境变量添加了git路径

 

 打开vscode设置，搜索git.path,将该项值设置为git安装目录的cmd文件夹下的git.exe的所在文件路径；

 

git的配置与免密码上传github

 安装插件 git history

 

 

 

 命令行提交

 

视图提交