Ubuntu16.04 安装 搭建vuejs开发环境

Ubuntu16.04 安装nodejs 搭建vuejs开发环境

1. 安装npm 
sudo apt-get install npm

2. 安装淘宝镜像，因为npm的源是国外的，有时候会比较慢 
npm install -g cnpm –registry=https://registry.npm.taobao.org

3. 此时运行 cnpm-v 报错，提示 /usr/bin/env:node: 没有那个文件或目录。上网查了过后才知道，这是因为Ubuntu下已经有了一个名叫node的值，因此需要额外处理下: 
sudo ln -s /usr/bin/nodejs /usr/bin/node 
此时再执行 cnpm -v 时，可以显示出cnpm的版本号

附：升级nodejs版本

1.产看node版本，没安装的请先安装；

 $  node -v

2.清楚node缓存；

$  sudo npm cache clean -f  

3.安装node版本管理工具'n';

$  sudo npm install n -g

4.使用版本管理工具安装指定node或者升级到最新node版本；

$  sudo n stable  （安装node最新版本）

$  sudo n 10.6.0 （安装node指定版本10.6.0）

5.使用node -v查看node版本，如果版本号改变为你想要的则升级成功。

4. 使用如下命令将vue-cli全局安装到系统环境中 
sudo cnpm install -g vue-cli

5. 创建一个基于”webpack”模板的新项目my-vuejs(项目名称自定) 
`sudo vue init webpack my-vuejs 
此时会提示一些参数： 
? Project name (my-vuejs) : #是否给定项目名称，否则使用括号内的名称，直接回车即可 
? Project description (A Vue.js project) : #是否给定项目描述，根据个人需要 
? Author (Lex <[email protected]>) : #作者 
然后出现很长一段文字，直接回车 
? Install vue-router? (Y/n) #是否安装路由，选择Y 
? Use ESLint to lint your code? (Y/n) #选择n 
? Setup unit tests with Karma + Mocha? (Y/n) #选择n 
? Setup e2e tests with Nightwatch? (Y/n) #选择n 
然后模板就下载完了。

6. 进入模板目录，使用install命令安装该模板所需依赖 
$ cnpm install 
7. 使用如下命令运行 
$ cnpm run dev