ubuntu kylin 优麒麟中搭建vue开发环境

安装npm。

sudo apt install npm

更新至最新版本。

sudo npm install [email protected] -g

安装cnpm。

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装node。

sudo apt install node

输入node回车,再输入console.log(“hello,world!”);

注意以英文分号结束,查看到输出结果就说明安装成功了。

ubuntu kylin 优麒麟中搭建vue开发环境

安装vue-cli(用来生成vue模版的工具)

sudo npm install -g vue-cli

一、从官网下载visual studio code

https://code.visualstudio.com/

ubuntu kylin 优麒麟中搭建vue开发环境

执行安装。

sudo dpkg -i code*.deb

从开始菜单启动程序。

ubuntu kylin 优麒麟中搭建vue开发环境

二、设置界面为中文

同时按下ctrl + shift + p。在vscode搜索框里面输入configure display language,然后回车。选择install additional languages...

点击“中文(简体)”旁的“install”。点击右下角的“restart now”。

ubuntu kylin 优麒麟中搭建vue开发环境

A.安装vetur插件,是vue语法的高亮插件。

B.安装eslint插件,是智能错误检测插件。

ubuntu kylin 优麒麟中搭建vue开发环境

ubuntu kylin 优麒麟中搭建vue开发环境

转载于:https://my.oschina.net/gugudu/blog/3054358