#化鲲为鹏，我有话说#鲲鹏服务器Vue部署实践

我们先了解下Vue

Vue.js是一套构建用户界面的渐进式框架。

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

 首先在鲲鹏KC1安装上Git依赖包

惊喜的发现晚上网速比白天快了不少，

最后一个文件速度又特别慢，这样的网速想说爱你不容易。

终于是完成，不得不吐槽下下载速度

 接下来我们安装“node.js”包。

Vue的安装依赖于Node.JS，需要先安装“node.js”包

首先下载“node.js”包。

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-arm64.tar.xz

下载完成

然后加压刚刚下载的软件包

tar -xvf node-v10.16.0-linux-arm64.tar.xz

在全局路径下建立指向可执行文件“node”及“npm”的软链接

ln -s /root/node-v10.16.0-linux-arm64/bin/node /usr/local/bin/node

ln -s /root/node-v10.16.0-linux-arm64/bin/npm /usr/local/bin/npm

执行安装命令。

npm install --global vue-cli

安装完成

然后打开NodeJS的解压目录，并进入该解压目录的bin目录下，执行命令，显示版本号则表示安装成功。

cd /root/node-v10.16.0-linux-arm64/bin/

./vue -V

显示版本号，  表示安装成功

然后在全局路径下创建指向vue的软连接，以便执行vue命令

 ln -s /root/node-v10.16.0-linux-arm64/bin/vue /usr/local/bin/vue

创建一个Vue项目。“testProject”为创建的项目名，

vue init webpack testProject

当前目录下会生成“testProject”目录，进入该目录，并执行启动命令。

npm run dev

 修改“build/webpack.dev.conf.js”的“devServer”配置，增加一行“disableHostCheck: true,”。

1.  devServer: { 
2.  clientLogLevel: 'warning', 
3.  historyApiFallback: true, 
4.  hot: true, 
5.  compress: true, 
6.  host: HOST || config.dev.host, 
7.  port: PORT || config.dev.port, 
8.  open: config.dev.autoOpenBrowser, 
9.  overlay: config.dev.errorOverlay 
10. ? { warnings: false, errors: true } 
11. : false, 
12. publicPath: config.dev.assetsPublicPath, 
13. proxy: config.dev.proxyTable, 
14. quiet: true, // necessary for FriendlyErrorsPlugin 
15. disableHostCheck: true, 
16. watchOptions: { 
17. poll: config.dev.poll, 
18. } 
}

4)     修改完配置文件后，重新执行命令，启动Vue。

npm run dev

启动后就可以通过IP访问