使用npm安装vue-cli部署项目

工具介绍

npm:nodejs下的包管理工具。

webpack:通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli:用户生成Vue工程模板。

环境搭建

• 下载nodejs

• 安装nodejs

• 安装后nodejs目录

• fn+r弹出运行窗口

• 检测是否成功安装

• 新建node_cache、node_global目录

• 更改npm的全局安装路径并缓存

npm config set prefix "C:\Application\nodejs\node_global"

npm config set cache "C:\Application\nodejs\node_cache"

• 切换npm镜像来源

npm config set registry=http://registry.npm.taobao.org
npm config get registry

• 查看npm配置

npm config list

• 将node_global模块增加到环境变量

D:\nodejs\node_global\node_modules
D:\nodejs\node_global

• 全局安装vue

 npm install vue -g

• 查看vue版本信息

npm info vue

• 全局安装vue脚手架

 npm install -g @vue/cli

• 解除受限状态

输入Set-ExecutionPolicy -Scope CurrentUser命令，回车，再输入RemoteSigned解除受限状态，回车

• 查看脚手架版本

vue -V

初始化项目

• 使用vue创建项目

 vue init webpack vue01
 cd vue01
 npm run dev

• vue-cli3命令安装

 vue create vue02
 cd vue02
 npm run serve

• vue-cli3界面安装

vue ui