从node.js到VUE脚手架的相关命令

node相关

1. 查看node.js版本： node -v
2. 查看npm版本： npm -v
3. 检查node.js相关配置：npm config list
4. 安装 cnpm: npm install cnpm -g
5. 清除npm缓存:npm cache clean --force
6. 查看 npm 安装模块的真实路径：npm root -g
7. 配置node_modules下载目录及缓存位置
   • npm config set prefix “你自己的global路径”（自定义模块全局下载路径）
   • npm config set cache “你自己的cache路径” （自定义模块下载缓存目录）
8. 重置npm镜像：npm config set registry https://registry.npmjs.org/
9. 查看当前镜像源：npm config get registry
10. 更改为拉取环境淘宝镜像源：
    • npm install -g cnpm --registry=https://registry.npm.taobao.org
    • npm config set registry https://registry.npm.taobao.org
11. node模块安装：
    • 当前目录安装 npm intall 模块名
    • 全局安装: npm intall 模块名 -g
12. 常用模块：
    • mongoose 链接mongdb数据库：npm install mongoose -g
    • express框架：npm install express -g
13. 使用 node启动文件：node 文件名 （可携带路径）
14. 使用 nodemon 启动文件（实时更新，无需重启服务）：
    • npm install nodemon -g （安装 nodemon模块）
    • nodemon 文件名 （可携带路径）
15. 停止cmd当前服务：按下 ctrl+c，选择 y/n；

vue相关

1. 安装VUE和客户端（任选其中之一）：

   • npm install -g @vue/cli
   • 强制覆盖安装：npm install -g @vue/cli --force
   • npm install --global vue-cli
   • yarn global add @vue/cli

2. 查看当前vue版本号：

   • vue --version
   • vue -V

3. 卸载VUE（根据拉取环境选择）：

   • npm uninstall -g @vue/cliVUE
   • yarn global remove vue-cli

4. 创建 vue 项目：

   • 启动 vue 可视化工具创建：vue ui
   • 命令行创建 vue create project_name
   • 基于 webpack 模板创建：vue init webpack project_name

5. 启动 vue 项目：

   • 命令行操作： npm run serve
   • 启动vue ui 可视化工具点击服务-启动

6. 安装webpack

   • webpack基础包：npm install webpack -g
   • 工具包:npm install webpack-cli -g
   • 服务包：npm install webpack-dev-server -g

7. 创建 vite + vue3 项目

   • npm init @vitejs/app project_name --template vue （使用vite创建项目）
   • npm install （安装相关插件依赖）
   • npm run dev （启动）