The prerequisite for installing vue-cli is that you have installed npm. If you install npm, you can directly download the node installation package for installation. You can enter npm -v in the command line tool to check whether you have npm and version installed. The version number appears, which means that you have installed npm and node. If the command is not available, you need to install the node software package. Just download and install it according to your system version.
1. Install vue-cli
Enter:
npm install vue-cli -g
-g: represents global installation. Use vue -V to check your installation version number (-V, which is capitalized)
2. Initialize the project
We use the vue init command to initialize the project:
vue init <template-name> <project-name>
<template-name>: represents the template name. vue-cli official provides us with 5 templates.
webpack,webpack-simple,browserify,browserify-simple,simple
<project-name>: Identify the project name, you can name it according to your project. In actual development, we usually use the webpack template.
vue init webpack vueclitest
After entering the command, we will ask us a few simple options and we can fill in it according to our needs.
Project name: Project name. Note: Caps cannot be used here.
Project description:Project description.
Author: Author, if you have an author that configures git, it will read.
Install vue-router? : Whether to install the routing plug-in for vue. yes
Use ESLint to your code?: Whether to use ESLint to limit your code errors and style. No need to practice by yourself. If it is developed by a large team, it is best to configure it.
setup unit tests with Karma +Mocha?Whether to install unit testing tools. We don't need it. N
Setup e2e tests with Nightwatch?I don’t need to install e2e to perform user behavior simulation tests. Enter n
In this way, we have initialized the first step.
cd vueclitest Go to our vue project directory.
npm install Install our project dependencies, that is, the package in the installation (can also be installed using cnpm)
npm run dev Run our program in development mode. We automatically build the server for development and open it in the browser, and monitor our code changes in real time.
Summarize
The above is the simple process of installing vue-cli introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!