新建Vue2项目

创建Vue2项目

win+R打开任务管理器,输入以下命令,打开可视化Vue项目管理器。

vue ui

1.在Vue项目管理器中,选择“创建”

新建Vue2项目_第1张图片

2.在创建栏中,选择新建Vue项目的根目录并确定

新建Vue2项目_第2张图片

3.输入项目名称(项目文件夹)后直接点击“下一步”

新建Vue2项目_第3张图片

4.选择默认预设,也就是Vue2项目,并点击创建项目

新建Vue2项目_第4张图片

5.稍等一段时间

新建Vue2项目_第5张图片

6.创建项目成功后,自动打开项目仪表盘。

新建Vue2项目_第6张图片

7.选择“依赖”栏后,选择右上角“安装依赖”

新建Vue2项目_第7张图片
这里安装的依赖是在项目中自己需要的一些依赖,比如如果需要element组件,安装的依赖适项目而定,我这里安装一些基本的常用的依赖。

8.安装vue-router、axios、element-ui、vuex,依次输入后选择安装即可。

新建Vue2项目_第8张图片
新建Vue2项目_第9张图片
新建Vue2项目_第10张图片
新建Vue2项目_第11张图片
安装完成后,直接把仪表盘关闭即可。

9.使用webstorm打开刚刚创建的项目

新建Vue2项目_第12张图片

10.使用webstorm打开控制台后,输入以下命令

npm install

11.输入以下命令,跑起来初始化的项目

npm run serve

新建Vue2项目_第13张图片

12.运行成功,将显示的链接复制在浏览器打开

新建Vue2项目_第14张图片

13.我们可以看到默认的项目执行后的网页效果

新建Vue2项目_第15张图片

你可能感兴趣的:(vue-cli3,vue)