vue-cli 第一章

转载于 2018-05-11 00:48:00 发布 · 47 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/a-dou/p/9022571.html

文章标签：

#javascript #webpack #python #ViewUI

本文详细介绍了如何使用Vue-Cli快速搭建Vue.js项目的过程，并提供了常用命令及项目结构的指导。

一、安装 Node、Python、Git、Ruby 这些都不讲解了

二、安装 Vue-Cli

# 最新稳定版本
# 全局安装
npm install --global vue-cli
 
# 创建一个基于 webpack 模板的新项目
vue init webpack my-product
 
# 进入项目目录
cd my-product
 
# 安装依赖
npm run dev

三、常用命令

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

四、项目结构