第一次搭建vue项目--安装vue-cli、初始化项目

608 阅读1分钟

vue-cli === vue脚手架

不用自己动手一点点搭,用npm安装vue-cli后,输入几个命令它就给你自动搭好


1. 使用npm全局安装vue-cli

npm i -g vue-cli

2. 打开npm的运行目录

红线划出的是安装vue-cli后可用的几个指令

3. 打开npm运行目录的node_modules目录里

node_modules目录里面是用npm安装的第三方包存的目录

4. 查看vue-cli提供给我们哪些项目模板

vue list

这就是列出的能用来创建新项目的模板们,我是用webpack-simple模板来创建项目的

5. 创建项目

vue init <模板名> <项目名>