vue脚手架项目创建步骤详解

(编辑：jimmy 日期: 2024/12/22 浏览：2)

vue脚手架 —> vue.cli

快速的创建一个大型的功能齐全的vue项目模板(初始化项目)

土味解释:快速的创建一个空的vue项目

安装(全局安装)

全局安装

> npm i @vue/cli -g

创建vue脚手架项目

> vue create 项目名

配置选项

Vue CLI v4.5.11
"htmlcode">

Vue CLI v4.5.11
"htmlcode">

"htmlcode">

"htmlcode">

"htmlcode">

"htmlcode">

Vue CLI v4.5.11
Creating project in D:\MyStudy\myvue2.
"try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall D:\MyStudy\myvue2\node_modules\ejs
> node ./postinstall.js

added 1208 packages from 928 contributors in 21.836s

61 packages are looking for funding
run `npm fund` for details

"htmlcode">

> cd myvue2


启动服务


> npm run serve





 DONE Compiled successfully in 2492ms                   

 App running at:
 - Local:  http://localhost:8080/ 
 - Network: http://192.168.17.154:8080/

 Note that the development build is not optimized.
 To create a production build, run npm run build.


        
            上一篇：详解微信小程序（Taro）手动埋点和自动埋点的实现
            下一篇：javascript实现简单页面倒计时

vue脚手架项目创建步骤详解

vue脚手架 —> vue.cli

安装(全局安装)

一句话新闻