Vue脚手架基本使用方法

1 安装3X版本的Vue脚手架

npm install -g @vue/cli
cnpm install -g @vue/cli
C:\Users\Administrator>vue -V
@vue/cli 4.2.2

2 创建项目图形界面启动

[root@bogon ~]# vue ui 🚀 Starting GUI… 🌠 Ready on http://localhost:8000

3 选择路径创建新项目

下一步

4 手动配置项目

5 选择开启功能

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

6 配置

7 创建新项目

点击保存并创建项目

8 项目创建成功会自动进入仪表盘

9 启动项目

10 Vue生成脚手架结构分析

11 脚手架自定义配置

nrm 的安装：

nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，那么我们可以用这个来切换镜像源。

1. 全局安装 nrm 执行以下代码： npm install -g nrm
2. 安装完成以后，可以查询有哪些可用镜像源，执行代码为： nrm ls

编辑器会列出以下镜像源：前面带星号的为当前正在使用的镜像源 *npm ---- https://registry.npmjs.org/ cnpm — http://r.cnpmjs.org/ taobao - https://registry.npm.taobao.org/ nj ----- https://registry.nodejitsu.com/ rednpm - http://registry.mirror.cqupt.edu.cn/ npmMirror https://skimdb.npmjs.com/registry/ edunpm - http://registry.enpmjs.org/

3、镜像源的切换，可以通过代码 nrm use 镜像源名称，例如要切换至taobao镜像源，执行以下代码：

nrm use taobao

nrm use 对应的源别名 或者 npm set registry 对应的源地址

4、查看当前源指向 npm config list

5、检测配置的响应速度 nrm test

6、再安装依赖,安装命令依然是 npm,只是安装指向的源地址变化了。 npm i

$ rm -rf node_modules $ cnpm install

npm i 和 npm install 的区别

实际使用的区别点主要如下(windows下)：

1. 用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉
2. npm i会帮助检测与当前node版本最匹配的npm包版本号，并匹配出来相互依赖的npm包应该提升的版本号
3. 部分npm包在当前node版本下无法使用，必须使用建议版本
4. 安装报错时intall肯定会出现npm-debug.log 文件，npm i不一定