Skip to content

Commit 5c97981

Browse files
anjoy8anjoy8
authored
Merge pull request anjoy8#6 from anjoy8/Ts
add ts
2 parents c34d7a9 + 09f724c commit 5c97981

19 files changed

+5718
-7271
lines changed

‎.browserslistrc

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
> 1%
2+
last 2 versions

‎.gitignore

+16-77
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,21 @@
1-
# Created by .ignore support plugin (hsz.mobi)
2-
### Node template
3-
# Logs
4-
logs
5-
*.log
1+
.DS_Store
2+
node_modules
3+
/dist
4+
5+
# local env files
6+
.env.local
7+
.env.*.local
8+
9+
# Log files
610
npm-debug.log*
711
yarn-debug.log*
812
yarn-error.log*
913

10-
# Runtime data
11-
pids
12-
*.pid
13-
*.seed
14-
*.pid.lock
15-
16-
# Directory for instrumented libs generated by jscoverage/JSCover
17-
lib-cov
18-
19-
# Coverage directory used by tools like istanbul
20-
coverage
21-
22-
# nyc test coverage
23-
.nyc_output
24-
25-
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26-
.grunt
27-
28-
# Bower dependency directory (https://bower.io/)
29-
bower_components
30-
31-
# node-waf configuration
32-
.lock-wscript
33-
34-
# Compiled binary addons (https://nodejs.org/api/addons.html)
35-
build/Release
36-
37-
# Dependency directories
38-
node_modules/
39-
jspm_packages/
40-
41-
# TypeScript v1 declaration files
42-
typings/
43-
44-
# Optional npm cache directory
45-
.npm
46-
47-
# Optional eslint cache
48-
.eslintcache
49-
50-
# Optional REPL history
51-
.node_repl_history
52-
53-
# Output of 'npm pack'
54-
*.tgz
55-
56-
# Yarn Integrity file
57-
.yarn-integrity
58-
59-
# dotenv environment variables file
60-
.env
61-
62-
# parcel-bundler cache (https://parceljs.org/)
63-
.cache
64-
65-
# next.js build output
66-
.next
67-
68-
# nuxt.js build output
69-
.nuxt
70-
71-
# Nuxt generate
72-
dist
73-
74-
# vuepress build output
75-
.vuepress/dist
76-
77-
# Serverless directories
78-
.serverless
79-
80-
# IDE
14+
# Editor directories and files
8115
.idea
82-
.browserslistrc
16+
.vscode
17+
*.suo
18+
*.ntvs*
19+
*.njsproj
20+
*.sln
21+
*.sw?

‎README.md

+4-65
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,16 @@
1+
# blog.vue
12

2-
3-
<img src="./public/logovue.png" width="350" />
4-
5-
6-
老张：这只是 .netCore+Vue 的前端部分，后端API部分，请看我的另一个工程 https://github.com/anjoy8/Blog.Core
7-
8-
9-
博客园：https://www.cnblogs.com/laozhang-is-phi/
10-
11-
简书：https://www.jianshu.com/u/94102b59cc2a
12-
13-
环境：
14-
node.js、Npm/Cnpm、vue-cli、vue-router、vuex等
15-
16-
17-
## 给个星星! ⭐️
18-
如果你喜欢这个项目或者它帮助你, 请给 Star~（辛苦星咯）
19-
20-
*********************************************************
21-
### 项目下载后，首先安装依赖包
3+
## Project setup
224
```
235
npm install
246
```
257

26-
### 安装成功后，运行即可
8+
### Compiles and hot-reloads for development
279
```
2810
npm run serve
2911
```
30-
然后你就可以直接访问 http://localhost:6688
31-
32-
33-
### 请注意：
34-
35-
36-
37-
```
38-
如果你想换一个端口，可以直接修改根目录下的 vue.config.js 文件
39-
40-
devServer: {
41-
port: 6688, // 当前vue项目的端口号
42-
https: false,
43-
44-
而且也要代理下后端的接口地址，如果你使用 proxy 来实现跨域的话（如果用 CORS 跨域，这里就不用配置了）：
45-
46-
proxy: {
47-
// 配置多个代理
48-
"/api": {
49-
target: "http://localhost:8081",//这里改成你自己的后端api端口地址，记得每次修改，都需要重新build
5012

51-
```
52-
53-
### 如果要部署，先执行bulid
13+
### Compiles and minifies for production
5414
```
5515
npm run build
5616
```
57-
58-
就会看到生成了一个 dist 文件，这个就是SPA生成文件，我们就可以用它来部署了，我会用 Nginx 来代理。
59-
60-
***********
61-
<h3 id="autoid-2-2-0">前端 Vue 概览</h3><ul>
62-
<li><a id="post_title_link_9577805" href="https://www.cnblogs.com/laozhang-is-phi/p/9577805.html">十四 ║ VUE 计划书 &amp; 我的前后端开发简史</a></li>
63-
<li><a id="post_title_link_9580807" href="https://www.cnblogs.com/laozhang-is-phi/p/9580807.html">十五 ║Vue基础：JS面向对象&amp;字面量&amp; this字</a></li>
64-
<li><a id="post_title_link_9585766" href="https://www.cnblogs.com/laozhang-is-phi/p/9585766.html">十六 ║Vue基础：ES6初体验 &amp; 模块化编程</a></li>
65-
<li><a id="post_title_link_9593740" href="https://www.cnblogs.com/laozhang-is-phi/p/9593740.html">十七 ║Vue基础：使用Vue.js 来画博客首页+指令(一)</a></li>
66-
<li><a id="post_title_link_9602077" href="https://www.cnblogs.com/laozhang-is-phi/p/9602077.html">十八║Vue基础: 指令(下)+计算属性+watch</a></li>
67-
<li><a id="post_title_link_9611632" href="https://www.cnblogs.com/laozhang-is-phi/p/9611632.html">十九║Vue基础: 样式动态绑定+生命周期</a></li>
68-
<li><a id="post_title_link_9622031" href="https://www.cnblogs.com/laozhang-is-phi/p/9622031.html">二十║Vue基础终篇：组件详解+项目说明<br><br></a></li>
69-
<li>👆 上边的这些基础，可以不用看，如果你只想快速入门 Vue 的话，只看下边的即可<br><br></li>
70-
<li><a id="post_title_link_9629026" href="https://www.cnblogs.com/laozhang-is-phi/p/9629026.html">二十一║Vue实战：开发环境搭建【详细版】</a></li>
71-
<li><a id="post_title_link_9640974" href="https://www.cnblogs.com/laozhang-is-phi/p/9640974.html">二十二║Vue实战：个人博客第一版(axios+router)</a></li>
72-
<li><a id="post_title_link_9647008" href="https://www.cnblogs.com/laozhang-is-phi/p/9647008.html">二十三║Vue实战：Vuex 其实很简单</a></li>
73-
<li><a id="post_title_link_9658019" href="https://www.cnblogs.com/laozhang-is-phi/p/9658019.html">二十四║ Vuex + JWT 实现授权验证登陆</a></li>
74-
75-
76-
</ul>
77-

‎babel.config.js

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
module.exports = {
2-
presets: ["@vue/app"]
3-
};
2+
presets: [
3+
'@vue/app'
4+
]
5+
}

0 commit comments

Comments
 (0)