vue全家桶项目搭建之一——vue-cli 4.0+ 脚手架搭建基础demo

目录

 

一、安装脚手架

二、创建一个基础demo

三、基础demo创建好后，我们就启动一下这个项目

---

一、安装脚手架

npm install -g @vue/cli

安装完成后看看版本

vue --version

二、创建一个基础demo

vue create test

这里会出现一个基础demo模板的选择，很多人不知道命令行里面的选择是怎么选择的。这里我用的是直接选择需要的模板序，然后回车选择，默认第一个的序号是1。

选择自己需要的模板进行基础demo的创建，具体的模板有些什么看官网：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

这里选择的是默认的demo,也可以根据官网的用图形化界面来创建基础demo，选择安装后等待安装以来和各种包

根据网速快慢来决定安装的速度，这里需要稍微等几分钟

三、基础demo创建好后，我们就启动一下这个项目

npm run serve

启动项目

结果如图：

至此，vue的基础demo搭建完毕，这个也是相对比较简单的

补充：如果需要改变启动命令，则去package.json中去改变

 "scripts": {
   -- "serve": "vue-cli-service serve",
   ++ "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

重新启动项目就可以将启动命令改成npm run dev,这里可以改变成你习惯的任何命令比如star接下来我们来看

vue全家桶项目搭建之二——配置UI （将element-ui配置到项目当中）

https://blog.csdn.net/qq_34645412/article/details/106098782

 

如果有更精辟的见解欢迎评论留言探讨，一起探讨，一起进步！若回复不及时可联系：