使用npm在vscode中运行vue项目

  • 安装Node.js
  • 安装VsCode
  • 打开powerShell(shift+右击)
查看node.js版本
    node -v
node -v
安装vue-cli(快速构建vue项目)
    npm install -g vue-cli
使用npm在vscode中运行vue项目_第1张图片
npm install -g vue-cli
安装webpack(js打包工具)
    npm install -g webpack
使用npm在vscode中运行vue项目_第2张图片
npm install -g webpack
构建一个Vue项目

新建一个文件夹,cd到此文件夹,需要设置项目的配置,直接回车表示使用默认值

    vue init webpack
使用npm在vscode中运行vue项目_第3张图片
vue init webpack firstVue
添加依赖包资源
    npm install
使用npm在vscode中运行vue项目_第4张图片
npm install
运行项目
    npm run dev
使用npm在vscode中运行vue项目_第5张图片
npm run dev

在浏览器中输入当前电脑的ip+port就可以访问项目了


你可能感兴趣的:(使用npm在vscode中运行vue项目)