Ubuntu18.04下vue环境搭建+VSCode

1.安装npm(类似.net中的nuget包管理器)

sudo apt-get install npm

输入npm-v可查看到版本号


2.安装cnpm(淘宝的npm

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

输入cnpm-v可查看到版本号,输入node-v可看到node的版本号


输入node回车,再输入console.log(“hello”);注意以英文分号结束,查看到输出结果就说明安装成功了。



扫描二维码关注公众号,回复: 2953187 查看本文章

然后输入  .exit退出node程序回到命令行。



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

sudo cnpm install -g vue-cli


4.建一个Vue项目

在新建过程中会要输入几次回车和yn,(记得最后一步选择NoI will handle that myselft,也就是创建完项目后由我自己来下载依赖)

完成后在 /home目录下可看到test1

输入cd test1进入目录

输入sudo cnpminstall下载安装项目的依赖

输入sudo cnpm run dev后会给出提示让我们在浏览器通过http://localhost:8080地址访问


5.安装VSCode

最简单的方式就是打开ubuntu软件,搜索VSCode,然后安装。



另一种方式是进入官网下载https://code.visualstudio.com/Download下载.deb后缀的安装包,然后双击安装。这种比上面的要下载快多了,一下就下完了。


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

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

这两年插件安装,先要打开:查看-〉扩展,在搜索框中输入vetur,找到后安装。eslint同理。


然打点击打开文件夹,打开test项目



然后打开终端选项卡

输入sudo cnpm install检查和下载依赖

输入密码(如果需要)

输入sudo cnpm run dev运行vue程序

最后得到运行地址。


猜你喜欢

转载自blog.csdn.net/junshangshui/article/details/80464399