vue自我修养

590 阅读1分钟

vue自我修养

1、 创建项目(UI界面)

1.1 下载node.js

1.2 下载cnpm(如需要使用)

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    检查相关软件是否安装
    1. 查看node   node -v
    2. 查看vue    vue  -V(v需要大写)
    3. 查看cnpm   cnpm -v  
    4. 如果安装的vue或者cnpm成功之后 但是命令行还是提示 bash: vue command not found 
       可以具体查看环境变量的配置        

1.3 安装最新的Vue CLI 脚手架工具

     cnpm i -g @vue/cli  如果未安装 cnpm 可以使用 npm i -g @vue/cli 
     1. 安装成功之后查看脚手架的版本 vue -V 版本在3.0以上可以采用 UI界面创建项目

1.4 在命令行中输入 vue ui 启动 图形界面

image.png

image.png

1.5 点击创建项目 选择文件夹

image.png

1.6 自定义文件

image.png

1.7 选择预设(默认即可 也可以选择Vue3.0)

image.png

1.7 生成项目界面(生成中...)

image.png

1.8 生成项目界面(成功)

image.png

1.9 可以查看安装的插件 或者搜索下载需要的插件

image.png

2.0 生成的项目结构

image.png