Ubuntu 安装 Vue.js

来源:互联网 发布:网络科技股 编辑:程序博客网 时间:2024/06/05 10:13

1 配置Node
(1) 从https://nodejs.org/en/download/ 下载node.js,例如 node-v6.11.1-linux-x64.tar.xz
(2) 解压到一个地方,然后配置全局变量,在/etc/profile 添加下面配置信息:
export NODE_HOME=/home/junliang/Soft/node-v6.11.0-linux-x64
export PATH=$NODE_HOME/bin:$PATH
export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH
(3) source /etc/profile,或者注销系统
(4) 分别输入node -v 和 npm -v 看是否都会打印版本号,都可以打印版本号再进行下一步。

2 安装webpack(webpack相当于模块加载器兼打包工具!)
(1) npm install -g webpack //全局安装
(2) npm install -g webpack-dev-server //安装调试工具

3 安装Vue
(1) 这里我们使用淘宝的cnpm,这个里面都是国内的源,输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
(2) 全局安装 vue-cli,输入 cnpm install --global vue-cli
(3) 创建一个基于 webpack 模板的新项目,输入 vue init webpack my-h5-project
(4) 进入项目文件,输入 cd my-h5-project/
(5) 安装依赖,输入 cnpm install
(6) cnpm run dev