Linux下Vue开发环境搭建（用npm安装node.js）

第一步&＃xff1a;安装node.js

[root&＃64;yang bin]# mkdir /usr/local/node #创建node目录[root&＃64;yang bin]# cd /usr/local/node[root&＃64;yang bin]# wget https://nodejs.org/dist/v8.11.2/node-v8.11.2-linux-x64.tar.xz [root&＃64;yang bin]# xz -d node-v8.11.2-linux-x64.tar.xz #第一次解压[root&＃64;yang bin]# tar -xvf node-v8.11.2-linux-x64.tar #第二次解压[root&＃64;yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/node /usr/local/bin/node #创建node软连接[root&＃64;yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/npm /usr/local/bin/npm #创建npm软连接[root&＃64;yang bin]# node -v #验证node是否安装成功[root&＃64;yang bin]# npm -v #验证npm是否安装成功


第二步&＃xff1a;安装cnpm

[root&＃64;yang bin]# npm install -g cnpm --registry&＃61;https://registry.npm.taobao.org #使用淘宝定制的 cnpm [root&＃64;yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/lib/node_modules/cnpm/bin/cnpm /usr/local/bin/ #创建cnpm软连接[root&＃64;yang bin]# cnpm -v #验证cnpm是否安装成功


第三步&＃xff1a;升级npm

npm 版本需要大于 3.0&＃xff0c;如果低于此版本需要升级它&＃xff1a;
cnpm install npm -g #升级 npm


第四步&＃xff1a;通过cnpm安装vue包

# 最新稳定版
$ cnpm install vue


第五步&＃xff1a;安装命令行工具&＃xff08;官方提供一个命令行工具&＃xff0c;用于快速搭建大型单页应用。&＃xff09;

# 全局安装 vue-cli[root&＃64;yang bin]# cnpm install --global vue-cli[root&＃64;yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/lib/node_modules/vue-cli/bin/vue /usr/local/bin/ #创建vue软连接


第六步&＃xff1a;创建一个vue项目

cnpm install webpack webpack-cli --save-dev #手动安装webpackcnpm install webpack-dev-server&＃64;2.9.1 # 创建一个基于 webpack 模板的新项目[root&＃64;yang bin]# $ vue init webpack my-project# 安装并运行[root&＃64;yang bin]# cd my-project [root&＃64;yang bin]# cnpm install[root&＃64;yang bin]# cnpm run dev修改 config/index.js 的 localhost 属性为 ‘0.0.0.0’


成功执行以上命令后本机访问 http://localhost:8080/ &＃xff0c;或其他局域网机器访问http://你的IP地址:8080/&＃xff0c;可以看到浏览器输出。

安装结束。