2.Vue-从零开始搭建一个vue项目

题记

        从零开始搭建一个vue项目,以下是操作的全过程。

安装Vue CLI脚手架

        打开终端,运行以下命令全局安装Vue CLI脚手架:

        npm install -g @vue/cli

        查看 Vue CLI脚手架版本:

        vue -V

        注意:查看vue版本的命令不是vue -V,而是下面的

        npm list vue 

创建Vue项目 

        输入以下命令:

         vue create 项目名

流程 

选择安装预设项

        选择3为自定义安装 ,以下都要根据自己的需求选择

2.Vue-从零开始搭建一个vue项目_第1张图片

 选择功能

        下面是选择自定义安装后的结果,继续选择功能, 按空格选中或取消

2.Vue-从零开始搭建一个vue项目_第2张图片

 选择vue版本

        根据需求选择vue版本 ,以下都需要按需求选择,没有需求就默认回车

2.Vue-从零开始搭建一个vue项目_第3张图片

 

2.Vue-从零开始搭建一个vue项目_第4张图片

2.Vue-从零开始搭建一个vue项目_第5张图片

2.Vue-从零开始搭建一个vue项目_第6张图片 

2.Vue-从零开始搭建一个vue项目_第7张图片

        回车,等待安装。 

 执行程序

        注意:要先进入项目根目录,cd test

        npm run serve 

        访问:

        localhost:8080 

展示图 

2.Vue-从零开始搭建一个vue项目_第8张图片

 

后记 

        觉得有用可以点赞或收藏! 

你可能感兴趣的:(Vue,vue.js,javascript,前端,前端框架,html,开发语言,青少年编程)