创建一个简单的基于vue-cli的vue项目

Author：think

Date：2022-6-4

准备

• 需要安装node.js，node.js安装可到官网下载想要的版本安装包下载安装即可。

  下载安装包的时候要注意版本问题。如果没什么特殊要求下载最新的长期维护版本即可。

安装脚手架vue-cli

• 创建项目，项目名字为vuedemo，用户可自定义

  vue create vuedemo
  

• 需要vue-cli3的支持，如果版本较低，可根据提示卸载并安装新版的vue-cli

  

  npm uninstall -g vue-cli
  npm install -g @vue/cli
  

  如果有cnpm可将npm替换成cnpm以获取更快的速度

• 程序会询问你是否需要更换包管理器，这里因人而异，我还是保留原来的yarn包管理器

  

• 程序会询问选择预设的vue版本，我这里选择的是3（可通过键盘的上下键进行选择），包管理器我选择Yarn。

  

• 等待安装完成之后即可得到一个简单的初始vue项目

  

• 根据提示切换到项目文件夹中

  cd vuedemo
  

• 启动项目服务

  yarn run serve
  

  

• 根据提示访问http://localhost:8080/即可发现项目启动成功