linux之vue(vue-cli)脚手架安装创建项目

文章目录

  • 1、安装npm
  • 2、由于网路原因 安装cnpm
  • 3、安装vue-cli
  • 4、安装webpack
  • 5、 启动vue的图形界面管理工具
  • 6、通过界面的方式创建vue项目


1、安装npm

npm全称Node Package Manager 是一个基于Node.js 的包管理器,也是整个Node.js 社区最流行、支持的第三方模块最多的包管理器。

npm -v

2、由于网路原因 安装cnpm

nom install -g cpm --registry=http://registry.npm.taobao.org

3、安装vue-cli

cpm install -g @vue/cli

4、安装webpack

cnpm install -g webpack

webpack是javascript打包器(module bundler)

5、 启动vue的图形界面管理工具

vue ui
在这里插入图片描述

6、通过界面的方式创建vue项目

1、访问上图中的 http://localhost:8080 地址
linux之vue(vue-cli)脚手架安装创建项目_第1张图片
linux之vue(vue-cli)脚手架安装创建项目_第2张图片
linux之vue(vue-cli)脚手架安装创建项目_第3张图片

即可在项目路径中找到刚刚创建的项目

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