vue技术

npm 概念
npm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
中文官网: https://www.npmjs.cn/
英文官网: https://docs.npmjs.com/about-npm

webpack 概念
Webpack是前端自动化构建工具，它基于nodejs实现，可以帮助我们实现资源的合并、打包、压缩、混淆的诸多功能。可以快速构建一个Vue项目，包括各类文件（assets资源、scripts脚本、images图片、styles样式）。

官网: https://webpack.js.org/

vue-cli脚手架

1. vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
2. 利用它可以搞定目录结构，本地调试，单元测试，热加载及代码部署等。
3. 它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included
   的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本

命令

node -v     # v8.11.3，至少8以上,最新的是v15.11.0

npm config get registry # 查看当前配置的镜像，结果是默认的国外网址https://registry.npmjs.org/
npm config set registry https://registry.npm.taobao.org #设置成淘宝镜像
npm config get registry #再获取查看,结果是修改后的https://registry.npm.taobao.org/ 

-i 安装指令，全拼： install
-S 生产环境，全拼： --save
-D 开发环境，全拼： --save—dev
-O 可选依赖，全拼： --save—optional
-E 精确安装指定模块版本，全称：--save—exact
-g 全局安装，全拼： --global

npm install vue-cli -g #安装vue-cli脚手架,可能比较慢,要等几分钟
npm uninstall vue-cli -g #卸载vue-cli脚手架 ,大可不必
vue –V 			#查看版本
where vue 		#vue安装在哪里

cd jt01 # 进入项目目录
npm run dev # 自动启动服务，ctrl+c 停止,可能要等几分钟

也可导入HBuilderX编辑器,执行运行功能,即可获得端口号

链接:小白入门之前端网页技术 Vue进阶