版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ZC_XY/article/details/83189468
准备工作
- Nodejs安装
建议安装在非系统盘的英文目录下
Node
环境配置
新建文件夹 — node_cache
和 node_global
(npm install -g package-name
)
创建完文件后,需要更改 npmrc
中的 perfix
和 cache
npm config set prefix "E:\Program Files (x86)\Nodejs\node_global"
npm config set cache "E:\Program Files (x86)\Nodejs\node_cache"
你需要替换你的安装目录
扫描二维码关注公众号,回复:
3713685 查看本文章
- Vue-cli安装
npm run -g vue
vue -V
- 创建
Vue
项目
vue init webpack project-name
2. 修改Vue
项目配置
config/index.js
--> build
--> assetsPublicPath
--> /
--> ./
build/webpack.prod.conf.js
--> new HtmlWebpackPlugin
--> removeAttributeQuotes
--> true
--> false
.gitignore
--> 注释/dist/
3. 项目打包
npm run build
4. 项目测试
在使用http-server前,需要安装 npm i -g http-server
http-server ./dist
5. 创建Github
项目
6. 本地Vue
项目Push
到Github官网
git init
git add .
git commit -m 'init vue project'
git remote add origin [email protected]:Rain120/demo.git
git pull origin master --allow-unrelated-histories
git push -u origin master
7. Github Setting
– 配置Github page
Settings
Github Pages
Save Setting
最后可以在 https://rain120.github.io/demo/dist/
,可以看到部署上线的效果(这个仓库我会在演示完后删掉,请自行测试)