Ubuntu搭建Vuejs环境及测试

安装Vue.js需要提前安装nodejs和npm。

nodejs安装：

1. 更新Ubuntu源：

sudo apt-get update
sudo apt-get install -y python-software-properties software-properties-common
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update

2. 安装nodejs和npm：

sudo apt-get install nodejs
sudo apt install nodejs-legacy
sudo apt install npm

3. 更新npm的包镜像源

sudo npm config set registry https://registry.npm.taobao.org
sudo npm config list

4. 全局安装n管理器，用于管理nodejs版本

sudo npm install n -g

5. 安装nodejs（stable）版本

sudo n stable
sudo node -v

vue-cli安装：

sudo npm install --global vue-cli
vue -V

创建工程：

1. 新建项目

vue init webpack myVue

此时会提示一些参数：

前三个是项目名称、项目描述、作者

然后选择默认回车，接下来：

? 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 

等待完成即可。

2. 安装模板所需依赖

cd myVue
npm install

3. 运行项目

npm run dev

4. 网页查看

项目运行成功后会显示网址及端口号。

打开浏览器，输入网址查看，可以看到“Welcome to Your Vue.js App”。