在VS code上运行Vue项目的环境搭建

1、下载并安装node.js
下载地址https://nodejs.cn/download/
譬如下载的文件为node-v18.17.0-x64.exe,双击安装;
2、检查是否安装成功
在终端输入node -v,检查node是否安装成功。
在终端输入npm -v,检查npm是否安装成功;
3、安装cnpm
在命令行输入:npm install -g cnpm --registry=https://registry.npmmirror.com
如遇问题,可通过修改PowerShell执行策略来解决,具体步骤为:Win+Q按键打开搜索框,输入PowerShell并以管理员身份运行,输入:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine
在提示中键入Y修改执行策略。
输入:
Get-ExecutionPolicy -List
检验是否修改成功(LocalMachine RemoteSigned)。
安装cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
输入cnpm -v检验是否安装成功。
4、安装vue/cli脚手架
cnpm install -g @vue/cli
vue -V
5、创建Vue项目
vue create vue-project
6、在VS code上打开vue项目
在VS code上打开vue项目所在的文件夹
7、运行vue项目
cd vue-project
npm run serve

你可能感兴趣的:(vue.js,前端,javascript)