从0开始搭建一个Vue-cli 4.0项目

1.安装node.js运行环境。

下载地址:Node.js官网下载

下载node时会自动集成npm包管理工具,后期我们也会通过npm 的方式来安装各种各样的库来提升开发效率的目的。

2.npm install vue

安装vue.js框架

3. npm install -g @vue/cli

安装vue脚手架,本次安装我们选择的是最新的4.0版本,

4.vue create vue-project-name

在新建一个vue项目时,可选择的安装babel(es6语言转es5转码器),vuex等

在这里插入图片描述

5. 进入项目所在文件夹,npm run serve 本地运行

也可以通过package.json下的scripts选项,配置不同的运行环境或运行自定义脚本。

在这里插入图片描述

6.vue-cli 4.0目录

在这里插入图片描述
总结:搭建一个vue环境还是比较快的,加油哦!!!


版权声明:本文为qq_38918017原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。