安装vue-cli脚手架,使用vue-cli创建项目

步骤:

1 . 全局安装命令

npm install -g @vue/cli

注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装，换一个网络环境来继续重新安装

2 . 检查是否安装成功

在任意小黑窗中 : vue --version ---如果可以看到版本号，就表示安装成功了。

---

vue-cli 创建项目

1. 创建项目

创建项目的命令,文件名可以根据自己的来命名

# vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo

2. 选择模板

通过键盘的上下箭头选择合适的模板，如果选择错了，可以按下ctrl+c终止操作

3. 回车安装依赖

等待脚手架工作自动生成项目文件夹+文件， 并下载必须的第三方包。可能要花很久~~~

 4. 启动项目

进入脚手架项目下, 启动服务，查看效果

在小黑窗输入 : npm run serve

只要看到绿色的 - 啊. 你成功了(底层node+webpack热更新服务)

 打开浏览器输入上述地址