vue脚手架安装

vue脚手架安装

  • 1、准备工作
    • 1.1、 安装node
    • 1.2、安淘宝镜像(非必须)
    • 1.3、 安装webpack
  • 2、搭建vue脚手架
    • 2.1、安装vue-cli
    • 2.2、初始化项目

1、准备工作

1.1、 安装node

百度安装node方法,安装完成后输入node-v,显示版本号则说明安装成功。
vue脚手架安装_第1张图片

1.2、安淘宝镜像(非必须)

运行命令npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后可以用cnpm代替npm命令,下载模块可以快些。

1.3、 安装webpack

cnpm install [email protected] -g
安装完后webpack -v验证版本号

2、搭建vue脚手架

2.1、安装vue-cli

cnpm install vue-cli -g
安装后vue-V验证是否成功

2.2、初始化项目

1、进入想要创建项目的文件夹,命令行运行vue init webpack 项目名
2、填写项目信息,
3、完成后进入项目文件夹,运行cnpm install
4、运行npm run dev
至此项目初始化完成

你可能感兴趣的:(vue,前端,vue-cli,vue脚手架)