创建vue第一个项目

作为前端小白，最近开始学习vue，记录一下

前置条件：1.安装好node.js

                  2.配置好npm(cnpm等）

1.使用vue init新建vue项目

vue init webpack projectName

项目下载成功会给出项目启动提示

安装项目所需依赖

cnpm/npm install

运行项目

npm run dev(进入项目所在文件夹下面cmd,再控制台中输入)

 在浏览器中输入地址，显示如下界面就说明你的第一个vue项目已经创建成功啦！！！

退出运行CTRL+c,是否关闭y确认关闭

项目目录结构：

2.使用vue create创建项目

 先安装全局扩展

npm install -g @vue/cli-service-global

 在控制台中输入命令

vue create hello-world

 

选择你需要的模块就可以了

 

该方式启动项目时，需要添加依赖时可以使用vue add 依赖名 --save保存依赖

启动项目：npm run serve

在浏览器输入localhost:8081，出现如下所示界面，则说明你使用该方式创建vue项目也成功啦！！！！！