关于vue-cli的安装

(一):*安装 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文件部署到服务器环境即可运行

猜你喜欢

转载自www.cnblogs.com/zhaoxiaoying/p/9069482.html