Home Web Front-end JS Tutorial How to create a new vue project

How to create a new vue project

May 11, 2018 pm 01:43 PM
New project

Using the command line to generate the vue project framework requires the npm package manager to be installed, and npm is installed at the same time when installing nodejs, so it must be installed first nodejs. After the installation is complete, open cmd.


Enter node -v. If a version number similar to v6.11.2 appears, the node installation is successful.

Enter npm -v, If a version number similar to v3.10.10 appears, the npm installation is successful.


Then start a new vue project:

(1) Install scaffolding Tools: npm install -g vue-cli --registry=https://registry.npm.taobao.org ---Taobao mirror is relatively fast

(2) After the installation is completed, enter vue --version. If you can see the version number, the installation is successful.

(3) Create a framework project vue init webpack my-project --- (my-project is the project name)

(4) View the current project file: Enter cd eleme, then enter dir. View file information.

(5) Install dependencies

npm install --registry=https://registry.npm.taobao.org
Copy after login

#After the installation is completed, it will be in the folder I found an additional node_modules folder, and the scaffolding has been installed here.

(6) Start the vue project:

 npm run dev
Copy after login

Open the browser: enter

http://localhost:8080
Copy after login

##

The above is the detailed content of How to create a new vue project. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Can AI conquer Fermat's last theorem? Mathematician gave up 5 years of his career to turn 100 pages of proof into code Can AI conquer Fermat's last theorem? Mathematician gave up 5 years of his career to turn 100 pages of proof into code Apr 09, 2024 pm 03:20 PM

Can AI conquer Fermat's last theorem? Mathematician gave up 5 years of his career to turn 100 pages of proof into code

A closer look at PyCharm: a quick way to delete projects A closer look at PyCharm: a quick way to delete projects Feb 26, 2024 pm 04:21 PM

A closer look at PyCharm: a quick way to delete projects

Share an easy way to package PyCharm projects Share an easy way to package PyCharm projects Dec 30, 2023 am 09:34 AM

Share an easy way to package PyCharm projects

PyCharm Practical Tips: Convert Project to Executable EXE File PyCharm Practical Tips: Convert Project to Executable EXE File Feb 23, 2024 am 09:33 AM

PyCharm Practical Tips: Convert Project to Executable EXE File

How to Make a Shopping List in the iOS 17 Reminders App on iPhone How to Make a Shopping List in the iOS 17 Reminders App on iPhone Sep 21, 2023 pm 06:41 PM

How to Make a Shopping List in the iOS 17 Reminders App on iPhone

How to create a new simulator in the Lightning Simulator - How to create a new simulator in the Lightning Simulator How to create a new simulator in the Lightning Simulator - How to create a new simulator in the Lightning Simulator Mar 05, 2024 pm 03:04 PM

How to create a new simulator in the Lightning Simulator - How to create a new simulator in the Lightning Simulator

Based on the open source ChatGPT Web UI project, quickly build your own ChatGPT site Based on the open source ChatGPT Web UI project, quickly build your own ChatGPT site Apr 15, 2023 pm 07:43 PM

Based on the open source ChatGPT Web UI project, quickly build your own ChatGPT site

What to do if there is an error when starting the react project What to do if there is an error when starting the react project Dec 27, 2022 am 10:36 AM

What to do if there is an error when starting the react project

See all articles