vue创建项目的步骤

vue创建项目的步骤

这是我第一次写文章，以后有什么问题就用这个来记录吧，俗话说：“好记性不如烂笔头”还是很有道理的。接下来就开始吧……

1.由于vue项目依赖node.js npm需要安装。若 没有请先安装：
检查是否有node.js npm vue
1）window+R输入cmd
输入node -v 回车 会出现node.js的版本

输入npm -v 回车会出现npm的版本

2.安装vue
npm install -g vue-cli
//-g表示全局安装，vue-cli是模块，全局安装的模块可以在命令行直接使用
3.创建项目框架
如果想放到指定目录下，先进入这个目录再执行创建项目的命令
1）进入主题：创建一个基于‘webpack’的项目，后面是项目名
如：vue init webpack my-vue
一路回车，直到下载完成。

2）进入到项目目录：cd vue-test
然后运行项目：npm run dev
4.安装项目依赖
现在项目都依赖许多的模块，需要逐一安装依赖。
用命令npm install安装。

5.运行测试
输入npm run dev，一般会自动跳转到界面http://localhost:8080/，也可以手动打开浏览器输入地址。
这样项目就搭建完成了。