[Vue] 1.Vue安装+Vscode绑定 +新建页面

1.准备工作

    首先安装node.js  npm,cnpm(百度一堆教程)，

    检验是否安装成功：输入npm -v

    安装Vue： npm install vue

    安装Vue-cli: npm install -g @vue/cli

    新建项目：先手动新建文件夹X，命令行进入到X里面(cd命令)

    vue -v查看版本

    (Vue-cli如果是3.0以下) 

    新建项目：vue init webpack 项目名

    安装依赖：npm install

    运行项目：npm run dev  此时会有个链接，打开就是运行结果了

    终止项目：ctrl+c

    绑定Vscode:左上角文件-打开文件夹，打开X，如下图，初学关注红色的地方就ok了

      

    (Vue-cli如果是3.0以上)

    新建项目：vue create 项目名

    运行项目：vue run serve

 

    Vscode里安装Vetur等插件,使得有高亮

    Vscode运行Vue项目：Vscode里终端-新建终端-输入npm run dev即可

    注意：Vue项目可以导出成普通的html css js项目包，从而给后端使用

    ui框架的选择：element-ui  

    https://element.eleme.cn/#/zh-CN/component/installation 

 

2.看看.vue文件(Vue版本：2.9.6)

Vue项目实际上就是编写.vue组件

现在我们来新建一个页面,He

1.在router文件夹的index.js里加上红框代码

2.在components文件夹里新建He.vue,

注意<template>里必须要先写一个div标签包着

ok