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

最新推荐文章于 2024-05-16 23:40:36 发布

看云清雾淡

最新推荐文章于 2024-05-16 23:40:36 发布

阅读量1k

点赞数 1

分类专栏： Vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_53366282/article/details/123541351

版权

Vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

我的第一个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

优惠劵

看云清雾淡

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 的实例练习、webpack打包工具的使用、安装淘宝源安装脚手架创建项目。

我的第一个vue实例练习<!DOCTYPE html><head> <meta charset="utf-8" /> <title>first Show </title> <script src="../vue.js"></script></head><body> <div id="app"> <p>{{msg}}&lt
复制链接

扫一扫