Vue-cli脚手架

NPM安装

首先下载nodejs 官网地址：https://nodejs.org/en/

下载完成后打开命令行（安装过node后可以更便捷的用shift+右键选择在当前文件夹打开命令行）

命令行输入 node -v 查看node版本 验证是否安装成功

淘宝镜像 （可选）

如果网速不好可以选择使用淘宝镜像 走的是国内的网 地址如下：

cnpm --registry=http://registry.npm.taobao.org

安装过淘宝镜像后就可以在命令行输入cnpm代替npmle

安装cli脚手架构建工具

命令行输入 cnpm（npm） install -g vue-cli 安装

初始化一个项目

vue init webpack firstVue

这个命令中 webpack是构建工具，也就是说整个项目是基于webpack的。firstVue是整个项目文件的名称，在这个文件中自动生成你指定的目录

运行后会要求输入项目名称 地址等信息 ，可以直接回车略过

package.json中 dependencies&&devDependencies是项目需要的依赖包

进入项目文件夹 firstVue文件夹。运行命令 cnpm install 安装所需依赖

安装完成后再firstVue文件中会多出一个node_modules文件 这里面就是我们项目所需要的依赖资源

到此就可以运行项目了 直接命令行输入 npm run dev 使用webstorm的可以在左下角直接输入npm run dev 浏览器会自动打开一个页面

//如果没有自动打开 可以手动输入localhost:8080