首页 > 其他 > 详细

关于vue-cli的安装

时间:2018-05-21 22:33:12      阅读:328      评论:0      收藏:0      [点我收藏+]

(一):*安装 vue-cli


参考:

https://cn.vuejs.org/v2/guide/installation.html

https://github.com/vuejs/vue-cli


全局安装:

npm install vue-cli -g 或者 npm install -g @vue/cli-init


cd到某文件夹下初始化:

cd ./vue_app

vue init webpack project_one(目录名称)


初始化配置一些信息:

通常: y/n y
eslint y/n n
jest y/n n
e2e y/n n


项目构建完成

 

开发环境中运行在本地 8080:

cd project_one

npm dev

localhost:8080 浏览器访问


(二):*上线前的打包(打包成静态文件,html,css,js)

npm run build

根目录下创建了dist文件夹,包含index.html和static文件夹

 

终端提示:

(Build complete.
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won‘t work.)

意思是:构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作。

 

解决方式:

方法一:修改 ./config/index.js文件,
将build.assetsPublicPath: ‘/‘修改成build.assetsPublicPath: ‘./‘

方法二:将dist文件部署到服务器环境即可运行

关于vue-cli的安装

原文:https://www.cnblogs.com/zhaoxiaoying/p/9069482.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!