vue安装和使用

vue的简单介绍和知识点

• Vue是一套用于构建用户界面的渐进式(渐进式框架的大概意思就是你可以只用我的一部分，而不是用了我这一点就必须用我的所有部分)框架，Vue 被设计为可以自底向上逐层应用(先编写出基础程序段，然后再逐步扩大规模、补充和升级某些功能)

windows64位安装node.js

Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/

• 下载安装包
  
• 执行安装
  
  安装完成
  
  
  NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

1. 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
   由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。命令如下，出现版本提示表示安装成功:
   

npm常用命令

• npm版本升级：直接升级npm install npm -g或淘宝镜像（更新速度快一些）升级npm install -g cnpm --registry=https://registry.npm.taobao.org
• 本地安装模块：npm install <Module Name>
• 全局安装模块：npm install <Module Name> -g
• 查看全局变量包：npm list -g
• 查看某模块版本号：npm list <Module Name>
• 卸载某模块：npm uninstall <Module Name>，查看卸载后是否存在npm ls
• 更新模块：npm update <Module Name>
• 搜索模块：npm search <Module Name>

使用淘宝 NPM 镜像

淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm：npm install -g cnpm --registry=https://registry.npm.taobao.org，以后就可以使用cnpm install <Moudle Name>]来下载模块了

安装vue

项目介绍

第一个vue.js

修改E:\gitCodingRepository\flask_vue\my-project\src\components目录下的HelloWorld.vue文件

main.js

vue-flask

vue create vue-flask-app
cd vue-flask-app
//创建后端
mkdir api
cd api
python3 -m venv venv
source venv/bin/activate(venv)
pip install flask
pip install python-dotenv

未完待补