创建第一个vue项目(基于vue-cli脚手架)

目录

vue项目要求环境

 创建第一个项目

vue项目要求环境

• 安装node.js(https://nodejs.org/en/)

       测试node是否安装成功

node -v

      效果如下

• 安装vue-cli(以下指令皆在cmd命令窗口输入)

npm install -g @vue/cli

• 安装vue.js 

npm install vue 

      测试vue.js是否安装成功 

npm vue -v 

     效果如下

 创建第一个项目

使用如下命令创建：

vue create 项目名

选择vue的语法，这里我选择vue2 

这是创建成功的例子

创建成功后进入文件夹，然后执行运行指令

像这样一个vue项目在本地8080端口就运行成功啦 

在浏览器地址栏输入localhost:8080就可以看到运行成功的效果