centos7.3安装vue-cli

2017-09-23  本文已影响0人  程序小白菜


1、安装vue需要安装nodejs,先去nodejs官网下载nodejs,https://nodejs.org/en/download/ 

(ps:由于安装vue时,npm install -g vue-cli下载镜像很慢,用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.org安装只支持v.6.11.2,所以下载版本6.11.2,nodejs6.11.2版本链接:https://nodejs.org/en/blog/release/v6.11.2/ )

2.wget https://nodejs.org/dist/v6.11.2/node-v6.11.2-linux-x64.tar.xz

由于是.xz压缩包,解压方法:

(2-1):xz node-v6.11.2-linux-x64.tar.xz 解压成 node-v6.11.2-linux-x64.tar

(2-2):tar xvf node-v6.11.2-linux-x64.tar解压

3、要想全局使用node、npm命令,创建软连接

(3-1):ln -s /usr/loca/src/node-v6.11.2-linux-x64/bin/node  /usr/local/bin/node

(3-2):ln -s /usr/loca/src/node-v6.11.2-linux-x64/bin/npm  /usr/local/bin/npm

(3-3):node  -v 和npm -v显示

4、安装vue-cli脚手架

(4-1):npm install -g cnpm--registry=https://registry.npm.taobao.org

(4-2):cnpm -v

ps:这是由于cnpm不是全局命令,解决方法

ln -s  /usr/local/src/node-v6.11.2-linux-x64/bin/cnpm  /usr/local/bin/cnpm

(4-3):cnpm -v

(4-4):cnpm install -g vue-cli

(4-5):vue

(4-6):原因vue不是全局命令,解决方法,创建软连接

ln -s /usr/local/src/node-v6.11.2-linux-x64/bin/vue /usr/local/bin/vue

(4-7):vue

5、vue list

6、vue install webpack  vue_project  (你的项目名字)

(6-1):?Project description (A Vue.js project) vue-cli新建项目(项目描述);

(6-2):? Author (xhdx ) ;xxxx@sina.com(项目作者);

(6-3):? Vue build

❯ Runtime + Compiler: recommended for most users

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere


(6-4):? Install vue-router? (Y/n)  y是否使用vue-router,这里根据需求选择;

(6-5):? Use ESLint to lint your code? (Y/n)  y是否使用ESLint,这里根据需求选择;

(6-6):? Pick an ESLint preset (Use arrow keys)

❯ Standard (https://github.com/feross/standard)

Airbnb (https://github.com/airbnb/javascript) none (configure it yourself)这里选择Standard (https://github.com/feross/standard)

(6-7):? Setup unit tests with Karma + Mocha? (Y/n)  n是否需要单元测试,这里根据需求选择;

(6-8):Setup e2e tests with Nightwatch? (Y/n)  n是否需要单元测试,这里根据需求选择;

(6-9):cnpm install安装依赖;(ps:npm install安装镜像慢,改为cnpm install 安装);

(6-10):npm run dev本地运行项目

由于每个人的机器环境和对linux和vue了解不一样,需要耐心安装调试vue-cli

上一篇下一篇

猜你喜欢

热点阅读