【Vue】零基础学习Vue: 第2课 安装vue脚手架

第一步：

首先按住 shift + 鼠标右键 → (按下)在此处打开命令行窗口 进入命令行窗口 输入 ：

node -v 与 npm -v 查看有无，没有则需要安装

以下证明已安装 若没安装 以下是博友安装方法： https://blog.csdn.net/qq_33362864/article/details/80431162

第二步：

全局安装vue-cli： 在命令行窗口 输入

npm install vue-cli -g

按下回车: 以下图片表示安装成功：

第三步：

自定义存放项目的路径：我将此项目存放在D:\vuecode中（项目名称别有大写） 在D:\vuecode中创建一个 webpack 模块的新项目oneindex:

vue init webpack oneindex

vue init webpack(创建项目的命令) oneindex(项目名称)

第四步：

启动创建的项目：

cd oneindex    //cd到自己创建的项目中
npm run dev    //启动项目

 

第五步：

浏览器查看运行的项目：

http://localhost:8080

如此项目的初始化界面就运行成功了！