Vue_项目初始化创建

1.nodejs环境是否搭建成功

node -v

npm -v

2.项目初始化

安装vue-lic

cnpm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功,不能检查vue-cli,需要检查vue

Vue_项目初始化创建

新建vue项目

选定路径,这里我是在F盘下新建,cd目录路径

下面我一项目名为ceshi新建vue项目

vue init webpack  ”项目名称“

Vue_项目初始化创建

出现下图内容即为初始化项目成功:

Vue_项目初始化创建

根据提示 在命令窗下输入 npm run dev 项目运行

Vue_项目初始化创建

根据提示的访问路径在浏览器下进行访问该地址:http://localhost:8081

Vue_项目初始化创建