关于vue-cli的安装

Posted 2020-11-07 xiaoyingZha

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