Home > Web Front-end > JS Tutorial > body text

How to create a new vue project

一个新手
Release: 2018-05-11 13:43:45
Original
6935 people have browsed it

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!

Related labels:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!