P1.vue3 安装 + 简单的前端实例

1.安装node 环境

P1.vue3 安装 + 简单的前端实例_第1张图片

C02GQ39QQ05P:~ root# node -v
v14.17.1

C02GQ39QQ05P:~ root# npm install vue

C02GQ39QQ05P:~ root# npm install -g vue-cli 

C02GQ39QQ05P:~ root# npm install webpack -g 

P1.vue3 安装 + 简单的前端实例_第2张图片

webstorm创建vue项目时可以获取环境变量时,即为上述安装成功

编辑器中webstorm和 vs code 都是主流的

2.直接用 #pro

P1.vue3 安装 + 简单的前端实例_第4张图片

3.vue3 实例

  • 1). 创建div标签

P1.vue3 安装 + 简单的前端实例_第5张图片

  • 2). 引用vue方法mount

P1.vue3 安装 + 简单的前端实例_第6张图片




    
    Title
    



{{ test56 }}

test57

P1.vue3 安装 + 简单的前端实例_第7张图片

你可能感兴趣的:(vue.js)