tianheng-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +24 -0
  2. package/babel.config.js +15 -0
  3. package/index.js +11 -0
  4. package/package.json +48 -0
  5. package/public/favicon.ico +0 -0
  6. package/public/index.html +17 -0
  7. package/src/App.vue +28 -0
  8. package/src/assets/logo.png +0 -0
  9. package/src/components/HelloWorld.vue +58 -0
  10. 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
@@ -0,0 +1,15 @@
1
+ module.exports = {
2
+ presets: [
3
+ "@vue/cli-plugin-babel/preset",
4
+ ["@babel/preset-env", { modules: false }],
5
+ ],
6
+ plugins: [
7
+ [
8
+ "component",
9
+ {
10
+ libraryName: "element-ui",
11
+ styleLibraryName: "theme-chalk",
12
+ },
13
+ ],
14
+ ],
15
+ };
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 ADDED
@@ -0,0 +1,48 @@
1
+ {
2
+ "name": "tianheng-ui",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "scripts": {
6
+ "serve": "vue-cli-service serve",
7
+ "build": "vue-cli-service build",
8
+ "lint": "vue-cli-service lint"
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",
45
+ "author": "shulang",
46
+ "license": "ISC",
47
+ "description": ""
48
+ }
package/public/favicon.ico ADDED
Binary file
package/public/index.html ADDED
@@ -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>
package/src/assets/logo.png ADDED
Binary file
package/src/components/HelloWorld.vue ADDED
@@ -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>
package/src/main.js ADDED
@@ -0,0 +1,8 @@
1
+ import Vue from 'vue'
2
+ import App from './App.vue'
3
+
4
+ Vue.config.productionTip = false
5
+
6
+ new Vue({
7
+ render: h => h(App),
8
+ }).$mount('#app')