1.安装node.js
打开命令行工具输入命令查看安装情况
$ node -v
$ npm -v
2.初始化项目
2.1 vue-cli 3.0介绍
vue-cli 是 vue.js 的脚手架工具,可以帮助我们编写基础代码、快速搭建开发环境,相比于cli 2.0项目结构更加精简。
2.2 初始化项目详细步骤
1.全局安装cli
npm install -g @vue/cli
# or
yarn global add @vue/cli
2.查看版本(是否安装成功3.0以上的即可)
vue -V(大写的V)
3.创建一个项目
新建文件夹(重点),在该文件夹下打开命令窗口,输入以下命令,
vue create project-name
4.选择安装方式
default (babel, eslint)
Manually select features
按键盘上下键选择默认(default)还是手动(Manually);我这边选择default直接回车
5.启动项目
进入vue项目里面,打开命令行输入:
npm run serve
6.在浏览器中打开http://localhost:8080/即可