tianheng-ui 1.0.0 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +24 -0
- package/babel.config.js +15 -0
- package/index.js +11 -0
- package/package.json +42 -5
- package/public/favicon.ico +0 -0
- package/public/index.html +17 -0
- package/src/App.vue +28 -0
- package/src/assets/logo.png +0 -0
- package/src/components/HelloWorld.vue +58 -0
- package/src/main.js +8 -0
package/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# tianheng-ui
|
2
|
+
|
3
|
+
## Project setup
|
4
|
+
```
|
5
|
+
npm install
|
6
|
+
```
|
7
|
+
|
8
|
+
### Compiles and hot-reloads for development
|
9
|
+
```
|
10
|
+
npm run serve
|
11
|
+
```
|
12
|
+
|
13
|
+
### Compiles and minifies for production
|
14
|
+
```
|
15
|
+
npm run build
|
16
|
+
```
|
17
|
+
|
18
|
+
### Lints and fixes files
|
19
|
+
```
|
20
|
+
npm run lint
|
21
|
+
```
|
22
|
+
|
23
|
+
### Customize configuration
|
24
|
+
See [Configuration Reference](https://cli.vuejs.org/config/).
|
package/babel.config.js
ADDED
package/index.js
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
import Main from "./src/components/HelloWorld";
|
2
|
+
|
3
|
+
// 这一步判断window.Vue是否存在,因为直接引用vue.min.js, 它会把Vue绑到Window上,我们直接引用打包好的js才能正常跑起来。
|
4
|
+
if (typeof window !== "undefined" && window.Vue) {
|
5
|
+
window.Vue.component("yyl-npm-practice", Main);
|
6
|
+
}
|
7
|
+
//这样就可以使用Vue.use进行全局安装了。
|
8
|
+
Main.install = function (Vue) {
|
9
|
+
Vue.component(Main.name, Main);
|
10
|
+
};
|
11
|
+
export default Main;
|
package/package.json
CHANGED
@@ -1,11 +1,48 @@
|
|
1
1
|
{
|
2
2
|
"name": "tianheng-ui",
|
3
|
-
"version": "1.0.
|
4
|
-
"
|
5
|
-
"main": "index.js",
|
3
|
+
"version": "1.0.1",
|
4
|
+
"private": false,
|
6
5
|
"scripts": {
|
7
|
-
"
|
6
|
+
"serve": "vue-cli-service serve",
|
7
|
+
"build": "vue-cli-service build",
|
8
|
+
"lint": "vue-cli-service lint"
|
8
9
|
},
|
10
|
+
"dependencies": {
|
11
|
+
"core-js": "^3.6.5",
|
12
|
+
"element-ui": "^2.15.6",
|
13
|
+
"vue": "2.6.11"
|
14
|
+
},
|
15
|
+
"devDependencies": {
|
16
|
+
"@vue/cli-plugin-babel": "~4.5.0",
|
17
|
+
"@vue/cli-plugin-eslint": "~4.5.0",
|
18
|
+
"@vue/cli-service": "~4.5.0",
|
19
|
+
"babel-eslint": "^10.1.0",
|
20
|
+
"babel-plugin-component": "^1.1.1",
|
21
|
+
"eslint": "^6.7.2",
|
22
|
+
"eslint-plugin-vue": "^6.2.2",
|
23
|
+
"vue-template-compiler": "2.6.11"
|
24
|
+
},
|
25
|
+
"eslintConfig": {
|
26
|
+
"root": true,
|
27
|
+
"env": {
|
28
|
+
"node": true
|
29
|
+
},
|
30
|
+
"extends": [
|
31
|
+
"plugin:vue/essential",
|
32
|
+
"eslint:recommended"
|
33
|
+
],
|
34
|
+
"parserOptions": {
|
35
|
+
"parser": "babel-eslint"
|
36
|
+
},
|
37
|
+
"rules": {}
|
38
|
+
},
|
39
|
+
"browserslist": [
|
40
|
+
"> 1%",
|
41
|
+
"last 2 versions",
|
42
|
+
"not dead"
|
43
|
+
],
|
44
|
+
"main": "babel.config.js",
|
9
45
|
"author": "shulang",
|
10
|
-
"license": "ISC"
|
46
|
+
"license": "ISC",
|
47
|
+
"description": ""
|
11
48
|
}
|
Binary file
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
7
|
+
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
8
|
+
<title><%= htmlWebpackPlugin.options.title %></title>
|
9
|
+
</head>
|
10
|
+
<body>
|
11
|
+
<noscript>
|
12
|
+
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
13
|
+
</noscript>
|
14
|
+
<div id="app"></div>
|
15
|
+
<!-- built files will be auto injected -->
|
16
|
+
</body>
|
17
|
+
</html>
|
package/src/App.vue
ADDED
@@ -0,0 +1,28 @@
|
|
1
|
+
<template>
|
2
|
+
<div id="app">
|
3
|
+
<img alt="Vue logo" src="./assets/logo.png">
|
4
|
+
<HelloWorld msg="Welcome to Your Vue.js App"/>
|
5
|
+
</div>
|
6
|
+
</template>
|
7
|
+
|
8
|
+
<script>
|
9
|
+
import HelloWorld from './components/HelloWorld.vue'
|
10
|
+
|
11
|
+
export default {
|
12
|
+
name: 'App',
|
13
|
+
components: {
|
14
|
+
HelloWorld
|
15
|
+
}
|
16
|
+
}
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<style>
|
20
|
+
#app {
|
21
|
+
font-family: Avenir, Helvetica, Arial, sans-serif;
|
22
|
+
-webkit-font-smoothing: antialiased;
|
23
|
+
-moz-osx-font-smoothing: grayscale;
|
24
|
+
text-align: center;
|
25
|
+
color: #2c3e50;
|
26
|
+
margin-top: 60px;
|
27
|
+
}
|
28
|
+
</style>
|
Binary file
|
@@ -0,0 +1,58 @@
|
|
1
|
+
<template>
|
2
|
+
<div class="hello">
|
3
|
+
<h1>{{ msg }}</h1>
|
4
|
+
<p>
|
5
|
+
For a guide and recipes on how to configure / customize this project,<br>
|
6
|
+
check out the
|
7
|
+
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
8
|
+
</p>
|
9
|
+
<h3>Installed CLI Plugins</h3>
|
10
|
+
<ul>
|
11
|
+
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
12
|
+
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
13
|
+
</ul>
|
14
|
+
<h3>Essential Links</h3>
|
15
|
+
<ul>
|
16
|
+
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
17
|
+
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
18
|
+
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
19
|
+
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
20
|
+
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
21
|
+
</ul>
|
22
|
+
<h3>Ecosystem</h3>
|
23
|
+
<ul>
|
24
|
+
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
25
|
+
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
26
|
+
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
27
|
+
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
28
|
+
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
29
|
+
</ul>
|
30
|
+
</div>
|
31
|
+
</template>
|
32
|
+
|
33
|
+
<script>
|
34
|
+
export default {
|
35
|
+
name: 'HelloWorld',
|
36
|
+
props: {
|
37
|
+
msg: String
|
38
|
+
}
|
39
|
+
}
|
40
|
+
</script>
|
41
|
+
|
42
|
+
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
43
|
+
<style scoped>
|
44
|
+
h3 {
|
45
|
+
margin: 40px 0 0;
|
46
|
+
}
|
47
|
+
ul {
|
48
|
+
list-style-type: none;
|
49
|
+
padding: 0;
|
50
|
+
}
|
51
|
+
li {
|
52
|
+
display: inline-block;
|
53
|
+
margin: 0 10px;
|
54
|
+
}
|
55
|
+
a {
|
56
|
+
color: #42b983;
|
57
|
+
}
|
58
|
+
</style>
|