vue的安装、创建项目以及运行项目

1、vue环境配置

(1)安装git工具（一直下一步即可）

(2)安装node ,检查node安装是否成功，在git 工具中输入node -v

(3)检查npm是否安装成功，在git 工具中输入npm(npm-般随node

一起安装 在电脑中，node如果成功了，npm基本都会没问题)

(4)cnpm安装参考网站: https://developer .aliyun.com/mirror/NPM?from=tnpm

在git工具中输入: npm install -g cnpm --registry=https://registry.npm.taobao.org检验是否安装成功: cnpm

(5)yarm安装参考网站: https://www jianshu.com/p/4a225dcacd53

git工具输入: npm install -g yarn

检验是否安装成功: yarn -v
(6）vue安装: cnpm install vue

(7)vue-cli3脚手架工具安装: cnpm install -g @vue/cli或 者yarn global add @vue/cli检查其版本是否正确: vue --version

(8)通过图形界面创建vue项目: vue ui

2、vue创建项目

(1)显示这个页面说明环境搭建成功:
（2）创建新项目：
注意文件名字最好写英文（不要写汉语，开头不要写数字，可以写拼音）

预设选择默认，然后开始创建项目。

出现这个页面即为创建成功。

（3）运行项目
首先添加运行任务

然后点击配置部件——选择serve——点击保存（出现下面的页面即为成功）——点击前往任务页

点击运行让程序跑起来。

点击"启动app"即可看到页面

(9)Ctrl+c结束vue ui，再关闭命令窗口(切记不要直接关闭命令窗口 )

(10)在vscode中运行项目: yarn serve