初始化项目

1、vue init命令讲解

用vue init命令来初始化项目，具体使用方法如下：

vue init <template-name> <project-name>

init：表示要用vue-cli来初始化项目

<template-name>：表示模板名称，vue-cli官方提供的5种模板：

webpack：一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。
webpack-simple：一个简单webpack+vue-loader的模板，不包含其他功能，让你快速的搭建vue的开发环境。
browserify：一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。
browserify-simple：一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。
simple：一个最简单的单页应用模板。

<project-name>：标识项目名称，用户根据自己的项目来起名字。

2、项目初始化

在实际开发中，一般都会使用webpack这个模板，命令使用如下：

vue init webpack my-vue-demo

Project name：项目名称，默认为初始化建项目的名称my-vue-demo，不需要直接回车
Project description：项目描述，默认为A Vue.js project，不需要直接回车
Author：作者，如果有配置git的作者，自动会读取。直接回车
Install vue-router? 是否安装vue的路由插件，需要安装，选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。不需要输入n，需要选择y，如果是大型团队开发，最好是进行配置
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具，不需要输入n，需要选择y
Setup e2e tests with Nightwatch? 是否安装e2e来进行用户行为模拟测试，不需要输入n，需要选择y

初始化完成之后会出现以下信息，表示操作成功。

# Project initialization finished!
# ========================

To get started:

npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

3、运行项目

cd my-vue-demo，使用cd命令进入到项目目录

npm run dev

以上命令为开发模式下运行项目

npm run build

以上命令为项目发布打包

4、成功页面

vue 创建项目之vue init webpack xxx相关推荐

VUE利用webpack创建项目失败--离线安装webpack下载模板
@TOC无法翻墙的–离线安装webpack下载模板最近在学习vue过程中利用webpack生成模板创建项目的时候发现一直卡在下载模板这一步,如图所示 , 查资料发现自己网无法连接git官网导致下载失 ...
vue创建项目报错command not found:create-webpack
vue创建项目报错command not found:create-webpack vue创建项目报错command not found:create-webpack,请不要怀疑,是你创建项目命令写错 ...
vue创建项目卡住不动，vue create project卡住不动
第一种方法: 好久没有创建vue新项目了,今天创建了一个新项目,一运行 vue init webpack project_name 就卡住不动,换 vue create project_name 也是 ...
从头开始vue创建项目_我正在以设计师的身份开始一个被动的收入项目。从头开始。...
从头开始vue创建项目 Do you ever read an article on Medium (or elsewhere) about passive income, side projects ...
vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
Vue创建项目的步骤
1.创建Vue项目可以有两种创建vue的方式,一种是vue CLI脚手架,一种是vite工具 Vue CLI 基于webpack工具命令 vue create 项目名 create-vue 基于v ...
Vue创建项目、安装插件、引入全局的less变量
一.查看npm环境变量配置: ①使用快捷键windows+r打开任务管理器 ②输入cmd进入 ③检查是否安装,成功会返回版本号 node -v npm -v 安装node:https://nodejs ...
vue创建项目踩坑记录 443 ECONNRESET
安装nodejs 并创建vue 项目的记录首先安装nodejs 是傻瓜式操作,配置环境变量的可以参考这个博文: 点击跳转安装教程查看node版本和npm 版本使用淘宝镜像cnpm 第二步项目初始 ...
一、使用vue创建项目的详细步骤
B站黑马头条管理系统一.前言 1.本例环境 node.js:v12.16.1 npm:6.13.4 vue:@vue/cli 4.5.8 环境自己百度下载搭建二.创建vue项目注意:不要使用 G ...
vue创建项目太慢、卡死
vue使用vue create 或者vue init创建项目如果速度太慢,可以更换npm的源 npm config set registry https://registry.npm.taobao.o ...

vue 创建项目之vue init webpack xxx