美文网首页
vue项目 安装笔记

vue项目 安装笔记

作者: 潇潇芭蕉 | 来源:发表于2022-03-02 10:33 被阅读0次

1,电脑上安装node.js 可直接到官网下载

2,打开管理员终端,电脑左下角搜索powerShell

3,输入命令node -v  查询node.js是否安装成功

4,输入命令npm -v 查询npm 是否自动安装成功

5,如不想用npm  可下载淘宝镜像 cnpm 

命令行 npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v 可查询是否安装成功

6,全局安装vue-cli  命令行  cnpm install --global vue-cli

7,初始化项目,创建一个基于 webpack 模板的新项目: vue init webpack 项目名

vue init webpack my_project

8,找到自己的项目目录安装依赖,cd到项目中

cd my_project

9,输入命令  cnpm install  安装。  此时项目中会多了一个node_modules

10,运行项目  cnpm run dev  然后浏览器打开

11,安装完成,把项目放到开发工具中进行配置

12,pc项目设置,安装所需包

cnpm i element-ui

cnpm install -D less-loader less

cnpm i axios

cnpm i vue-router

相关文章

  • vue项目国际化(多语言)

    记录一下笔记,以下vue项目案例使用vue-cli搭建 ; 一.安装依赖 1. 使用npm命令安装所需依赖vue-...

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

  • 开发速记-typescript篇: vue集成

    安装nix并配置channel: 安装yarn 安装vue 创建vue项目 emacs 编辑项目 启动vue项目

  • 1.vue项目-base

    vue项目全了解 1.创建vue项目 1.全局安装vue-cli 2.安装初始项目vue init webpack...

  • Vue-cli3的使用

    1安装Vue-cli3 npm install @vue/cli 2新建项目 vue create 项目名 3安装...

  • vue项目 安装笔记

    1,电脑上安装node.js 可直接到官网下载 2,打开管理员终端,电脑左下角搜索powerShell 3,输入...

  • electron vue 模仿qq登录界面

    1、使用vuecli创建vue项目 我用的vue2 2、安装electron 3、vue项目安装Electron-...

  • vue-cli 安装命令

    安装 webpack 安装 vue-cli 初始化 vue 项目

  • 如何安装vue

    1、vue+webpack安装,生成初始化vue项目vue+webpack安装,生成初始化vue项目_前端劝退师儿...

  • vue3.0终端命令行

    #检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目

网友评论

      本文标题:vue项目 安装笔记

      本文链接:https://www.haomeiwen.com/subject/ylusrrtx.html