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

(编辑：jimmy 日期: 2024/12/25 浏览：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实现简单页面倒计时

最新资源