vue+node.js+npm学习笔记

一、Vue

1、什么是vue?

vue是一种前端框架,类似于java中的springMVC框架

2、常用命令

vue -V 查看vue版本 注意：这里是大写V
vue init webpack 项目名称

二、node.js

1、什么是node.js?

node.js是一种前台的后端技术，为前端框架提供服务，类似于java中的jdk。其中的npm命令就是衍生出来的服务指令,类似于java中的maven命令

2、常用命令

node -v 查看nodejs版本
npm -v 查看npm版本
npm root -g 查看全局安装文件夹位置
npm config ls 查看配置信息
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
npm config set registry=https://registry.npmmirror.com 指定从国内镜像服务器下载资源
npm config get registry 查看当前资源下载位置
npm config set prefix D:\node_registry\node_global 设置全局安装文件夹位置，注意：执行完此命令还要修改用户环境变量PATH，以及新建一个NODE_PATH系统环境变量，取值为之前设置的全局路径加\node_modules, 在这里就是：D:\node_registry\node_global\node_modules
npm config set cache D:\node_registry\node_local 设置缓存和本地目录
npm install -gD vue-cli 全局安装，适用于生产环境和开发环境的安装vue-cli指令
npm init -f 本地安装前初始化
npm install -g create-preset 全局安装preset工具，CLI脚手架
preset init hello-vue3 --template vue3-ts-vite 创建标准的vue3项目