#化鲲为鹏,我有话说#鲲鹏服务器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访问
- 点赞
- 收藏
- 关注作者
评论(0)