Vue前端学习笔记

 一、查看npm全局安装的包的存储位置

npm root -g

二、全局安装 Vue CLI

npm install -g @vue/cli

1. -g 是 --global 的简写，表示全局安装。

   • 如果不加 -g，包会安装在当前项目的 node_modules 目录下（仅当前项目可用）。

   • 加了 -g，包会安装在系统的全局目录（如 /usr/local/bin 或 %AppData%\npm），使得该工具可以在任何地方通过命令行直接运行（比如 vue create my-project）。

2. @ 是 npm 的 作用域（scope） 符号，表示这个包属于某个组织或命名空间。

   • @vue/cli 表示这是 vue 组织下的 cli 包（即 Vue 官方提供的脚手架工具）。

   • 这种命名方式避免了包名冲突（比如 @angular/cli 和 @vue/cli 虽然都叫 cli，但属于不同的组织）。

 三、创建Vue工程

vue create my-vue2-project

 在提示中选择 "Vue 2" 预设

 

四、下载项目package依赖

npm install

五、启动项目

npm run serve