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

How to create a new vue project

一个新手
一个新手Original
2018-05-11 13:43:456982browse

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

#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

Open the browser: enter

http://localhost:8080

##

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:
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