1、安装node.js，可以去官网下载，然后安装。具体安装教程网上很多。
2、node.js自带npm，但是如果想用淘宝资源镜像，可以安装cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、确认上述已经安装完毕。
image.png
4、安装vue脚手架
npm install vue-cli -g
image.png
5、安装webpack
npm install webpack -g
image.png
6、创建项目
vue init webpack 项目名字<项目名字不能用中文>
创建过程中，会需要选择以下选项
image.png
7、进入项目目录，安装项目依赖
npm install
image.png
8、运行项目
npm run dev
浏览器会自动弹出http://localhost:8080 显示如下界面：
image.png
推荐我的vue教程：VUE系列教程目录 前言 通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数...
1、安装node.js，可以去官网下载，然后安装。具体安装教程网上很多。 2、node.js自带npm，但是如果想...
vue-cli构建基于webpack的项目 使用vue-cli构建项目vue init webpack proje...
本教程主要讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 先构建生成dist文件(纯静态应用), 然后...
一 vue-cli构建项目 vue-cil构建项目：查看官网 vue-cli是vue脚手架工具,极其方便开发,可以...
1. 使用vue-cli3构建项目 全局安装 vue-cli3 查看 vue-cli 版本 快速构建项目 使用 v...
一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...
之前自学过vue，构建项目直接用vue-cli，最近在学习如何自己构建项目，于是就选择了vue+webpack（本...
Vue-cli是vue官方出品的快速构建单页应用的脚手架。 1.vue-cli项目目录结构 build项目构建（w...
1、安装node.js 2、安装vue-cli脚手架构建工具 3、用vue-cli构建项目 4、运行vue项目 5...
本文标题：构建Vue项目教程
本文链接：https://www.haomeiwen.com/subject/upoqsxtx.html
网友评论