主要步骤
- 安装node.js和npm
- 安装Vue
- 编译启动(http:\localhost:8080)
安装node.js和npm
- 安装nodejs和npm
sudo pacman -S nodejs
sudo pacman -S nodejs-legacy
sudo pacman -S npm - 更新npm的包镜像源
sudo npm config set registry https://registry.npm.taobao.org+
sudo npm config list - 全局管理安装n管理器,用于管理nodejs版本
sudo npm install n -g - 安装最新的nodejs(stable版本)
sudo n stable
sudo node -v
安装Vue
tips:如果不成功将cnpm换成npm
- 安装cnmp:使用npm install安装包时速度很慢,所以采用cnpm install 来安装,用淘宝的镜像安装
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org - 给npm创建软连接
sudo ln -s /root/node-v9.3.0-linux-x64/bin/cnpm /usr/local/bin/cnpm - 安装vue.cli
sudo cnpm install -g vue-cli - 创建vue-cli软连接
sudo ln -s /root/node-v9.3.0-linux-x64/bin/vue /usr/local/bin/vue - 创建一个vue工程(webpack 模版名 mm 为工程名)
vue init webpack mm
直接一直回车,直到文件创建成功.
编译启动
- 进入对应目录
cd mm
2.装载
sudo cnpm install - 运行
npm run dev - 输入http:\localhost:8080网址,出现以下界面就意味着成功!