Linux下Vue开发环境搭建(用npm安装node.js)
第一步:安装node.js[root@yang bin]# mkdir /usr/local/node#创建node目录[root@yang bin]# cd /usr/local/node[root@yang bin]# wget https://nodejs.org/dist/v8.11.2/node-v8.11.2-linux-x64...
·
第一步:安装node.js
[root@yang bin]# mkdir /usr/local/node #创建node目录
[root@yang bin]# cd /usr/local/node
[root@yang bin]# wget https://nodejs.org/dist/v8.11.2/node-v8.11.2-linux-x64.tar.xz
[root@yang bin]# xz -d node-v8.11.2-linux-x64.tar.xz #第一次解压
[root@yang bin]# tar -xvf node-v8.11.2-linux-x64.tar #第二次解压
[root@yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/node /usr/local/bin/node #创建node软连接
[root@yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/bin/npm /usr/local/bin/npm #创建npm软连接
[root@yang bin]# node -v #验证node是否安装成功
[root@yang bin]# npm -v #验证npm是否安装成功
第二步:安装cnpm
[root@yang bin]# npm install -g cnpm --registry=https://registry.npm.taobao.org #使用淘宝定制的 cnpm
[root@yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/lib/node_modules/cnpm/bin/cnpm /usr/local/bin/ #创建cnpm软连接
[root@yang bin]# cnpm -v #验证cnpm是否安装成功
第三步:升级npm
npm 版本需要大于 3.0,如果低于此版本需要升级它:
cnpm install npm -g #升级 npm
第四步:通过cnpm安装vue包
# 最新稳定版
$ cnpm install vue
第五步:安装命令行工具(官方提供一个命令行工具,用于快速搭建大型单页应用。)
# 全局安装 vue-cli
[root@yang bin]# cnpm install --global vue-cli
[root@yang bin]# ln -s /usr/local/node/node-v8.11.2-linux-x64/lib/node_modules/vue-cli/bin/vue /usr/local/bin/ #创建vue软连接
第六步:创建一个vue项目
cnpm install webpack webpack-cli --save-dev #手动安装webpack
cnpm install webpack-dev-server@2.9.1
# 创建一个基于 webpack 模板的新项目
[root@yang bin]# $ vue init webpack my-project
# 安装并运行
[root@yang bin]# cd my-project
[root@yang bin]# cnpm install
[root@yang bin]# cnpm run dev
修改 config/index.js 的 localhost 属性为 ‘0.0.0.0’
成功执行以上命令后本机访问 http://localhost:8080/ ,或其他局域网机器访问http://你的IP地址:8080/,可以看到浏览器输出。
安装结束。
更多推荐
已为社区贡献8条内容
所有评论(0)