Vue创建项目

最近接触了下前端vue开发，记录下一些基本操作，如何创建一个vue项目。

环境配置

环境需要：

• Node JS 下载地址
• WebStorm (编译器 根据个人习惯选择)

首先安装Node JS，需要配置环境变量，比较简单就不多说了；安装完成后输入node -v 验证是否配置成功；

node -v

接着输入npm install npm -g 安装包管理器

npm install npm -g

安装完成后输入 npm -v 来验证是否安装成功；

下面接着通过npm 安装 vue 相关工具，安装打包工具 webpack

npm install webpack -g

安装 vue 脚手架项目初始化工具 vue-cli

npm install vue-cli -g

安装速度过慢可以配置国内淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建项目

环境配置完成后开始创建项目，找一个目录cmd命令行中输入

vue init webpack films_h5_vue

根据输入提示 完成下面的一系列选择

耐心等待初始化的过程，完成之后没有报错就可以用 Webstorm 打开了，打开项目后并不能直接运行，在WebStorm的命令行中输入 npm install 安装所需依赖包

npm install

运行完成之后 即可单击 Run 运行项目，运行起来之后访问 http://localhost:8080 出现Vue主页即可。