网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/6 浏览:3 次 )

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实现简单页面倒计时