Vue创建项目快速体验

【原文链接】Vue创建项目快速体验

（1）首先需要安装Nodejs，如未安装可参考 Win10系统安装Nodejs

（2）打开cmd窗口执行如下命令安装vue

# 使用npm 安装
npm install -g @vue/cli
# 或者使用 yarn 命令安装
yarn global add @vue/cli

（3）执行如下命令，查看版本，说明安装成功

C:\Users\Administrator>vue --version
@vue/cli 5.0.8

C:\Users\Administrator>

（4）然后在命令行进入要存放项目的目录，执行如下命令创建项目

vue create vue_demo

如下，过程中可能会涉及到选择vue版本以及选择npm工具还是yarn工具，选择后按回车即可继续创建，如下创建成功

（5）如下，可以看到整个vue项目框架目录都已经创建好了

（6）进入项目目录，执行npm run serve 即可启动项目

cd vue_demo
npm run serve

执行如下

（7）在浏览器中打开 127.0.0.1:8080 即可打开页面了，如下