vue 的练习、webpack打包工具的使用、安装淘宝源安装脚手架创建项目。

武飞扬头像

看云清雾淡

2024-06-27 帮助1人

我的第一个vue实例练习

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>first Show </title>
<script src="../vue.js"></script>
</head>
<body>
<div id="app">
<p>{{msg}}</p>
</div>
<script>
new Vue({
el:"#app",
data:{
msg:"第一堂课"
}
})
</script>
</body>

学新通

运行结果为：

学新通

2.webpack打包工具的简单使用

编写test.js文件

function add(a,b){
return a b
}
console.log(add(1,2))

运行webpack命令

webpack test.js -o app.js

就将test.js 打包成了app.js了

3.安装淘宝源，安装脚手架，创建项目

安装淘宝源命令 npm config set registry https://registry.npn.taobao.org

安装脚手架的命令 npm install vue-cli@2.9.x -g

学新通

创建项目的命令 vue init webpack (项目名) //项目名要小写

Y/N都选择Y，其他问题都选第一个答案，不用动他，回车就行

学新通

项目创建完成，需要启动启动命令
cd firstvueproject
npm run dev

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhiacieh

系列文章

同类精品

继续加载