Linux环境运行及编译Vue项目(已平坑)

1、确保node在v12版本以上

node -v

1.1升级Node版本

卸载
sudo npm uninstall npm -g
yum remove nodejs npm -y
看看是否有残留

进入 /usr/local/lib 删除所有 node 和 node_modules文件夹

进入 /usr/local/include 删除所有 node 和 node_modules 文件夹

进入 /usr/local/bin 删除 node 的可执行文件
安装
wget https://cdn.npm.taobao.org/dist/node/v12.13.1/node-v12.13.1-linux-x64.tar.xz
xz -d node-v12.13.1-linux-x64.tar.xz
tar -xvf node-v12.13.1-linux-x64.tar
mv node-v12.13.1-linux-x64    /usr/local/
mv /usr/local/node-v12.13.1-linux-x64/    /usr/local/node
vim /etc/profile
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH
source /etc/profile
node -v
npm -v

2、install

npm install   --unsafe-perm=true --allow-root
npm install node-sass --unsafe-perm --save-dev  --unsafe-perm=true --allow-root

3、chmod

chmod -R 777 node_modules

4、启动

vim run.sh
npm run docs:dev &
:wq!
chmod +x run.sh
./run.sh

此时进程虽然会输出到当前终端会话,但其实进程已经脱离了当前会话,此时你可以安全的推出会话,进程也不会退出。
### 启动和运行 Vue.js 项目Linux 系统 #### 准备工作 确保已安装 Node.jsnpm。访问官方站点并依据操作系统的不同选取合适的 LTS 版本来下载与安装[^1]。对于 Linux 用户而言,需注意在完成安装之后验证 Node.jsnpm 已被正确加入到系统的 PATH 中。 #### 创建软链接以便全局调用 vue 命令 为了能够在任意位置通过命令行使用 `vue` 命令来创建新项目或是管理现有项目,建议设置如下所示的软连接: ```bash ln -s /usr/local/nodejs/bin/vue /usr/local/bin/vue ``` 此指令的作用是在 `/usr/local/bin/` 目录下建立指向实际可执行文件的一个快捷方式,从而允许用户无需指定完整路径即可调用 `vue` 命令[^3]。 #### 初始化一个新的 Vue 项目 利用 Vue CLI 来快速初始化一个全新的 Vue 应用程序框架结构。如果尚未安装 Vue CLI,则可以通过 npm 进行安装: ```bash npm install -g @vue/cli ``` 随后,可通过下面这条命令新建一个名为 my-vue-app 的应用实例(当然也可以替换为自己想要的名字),并且遵循交互式的引导流程完成配置选项的选择: ```bash vue create my-vue-app ``` 进入刚刚创建的应用目录,并启动开发服务器来进行本地预览测试: ```bash cd my-vue-app npm run serve ``` 此时应该可以在浏览器里看到默认页面加载出来,表明应用程序已经正常运作起来。 #### 构建用于生产的版本 当准备发布时,应当先停止当前正在运行的服务,再执行打包编译过程,这将会把源码转换成适合线上发布的优化后的静态资源文件夹 dist: ```bash npm run build ``` 最后一步就是将生成好的 dist 文件夹中的内容上传至 Web 服务器或者其他托管平台上去供外部访问了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值