vscode 开发vue必备插件_vsCode搭建Vue开发环境

川长思鸟来 2023-01-03 01:37 363阅读 0赞

1.安装node.js

直接官网首页下载安装：http://nodejs.cn/download/，根据默认选项，一路下一步即可

运行 node -v 和 npm -v ，如果都正常，表示node.js安装成功

2.安装cnpm

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

(部分Mac或者Linux系统提示文件夹没权限，在命令前加sudo)

安装完成后运行cnpm -v，正常输出则表示安装成功

(可选)重启电脑，保证环境变量生效

3.安装vue-cli

cnpm install -g @vue/cli

4.安装vsCode

直接官网首页下载安装：https://code.visualstudio.com/，根据默认选项，一路下一步即可

5.给vsCode安装Vetur插件

6.创建Vue项目

在桌面新建文件夹，取名vsCodeWorkspace，用vsCode打开这个文件夹

打开vsCode，在VSCODEWORKSPACE里新建文件夹NewProject

在NewProject上右击 - 在终端中打开

运行 vue create vue-demo

选择手动安装

移动光标，通过空格键选中Bable、Progressive Web App、CSS Pre-processors三个选项，然后回车

选择 Less，回车

选择 In dedicated config files，回车

输入 N，回车

创建完成后，cd vue-demo

运行 npm run serve

这样就可以访问了：http://localhost:8080/

快捷键 clt + ~ 可以隐藏终端

b10824de115f899ef0ede0d3ba94fe05.png

发表评论

表情：
评论列表 （有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读