如何创建Vue项目

node.js / npm
  -- npm
  -- 管理工作目录
  -- npm init -y
  -- 下载包
  -- npm i [email protected]
  -- 卸载
  -- npm uninstall xxxx
  -- 更新

  - npm update xxxx

webpack
  -- 下载
  -- npm i webpack webpack-cli
  -- 打包默认的入口文件
  --src目录下的 index.js
  -- 出口文件
  -- dist目录的main.js
vue-cli
  -- 帮助我们快速搭建项目的脚手架工具
  -- 下载
  - npm i vue-cli
  -- 用vue-cli帮助我们创建项目
  -- vue init webpack xxxx
  -- 启动项目
  -- npm run dev

原文地址:https://www.cnblogs.com/shuai1993/p/10034478.html

时间: 2024-10-08 14:37:40

如何创建Vue项目的相关文章

命令行创建 vue 项目(仅用于 Vue 2.x 版本)

1 .安装 Node.js 和 npm ( 验证安装成功输入下图 1 命令行可得 2:输入命令行 3 可得 4 即安装成功) 2.安装全局 webpack (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 3.安装全局 vue-cli (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 4.创建 vue 项目 (输入下图命令行,红线部分是你想要创建的项目名称) 5.第 4 步之后会出现一些对话选项,仅一项选 n 后按回车键(如下图红色区域对话选项), 其余全部按回车键

Node.js-Webstrom创建Vue项目(Vue项目初始化)

我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project, 在其中新增了一个js文件,就开始import Vue from "vue"了.运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~ 下面进入正题,vue项目初始化步骤如下: 1.默认你已经安装好了Node.js.WebStrom.npm.vue/vue-cil.webpack. 2.win+R→cmd打开

vue — 创建vue项目

vue - 创建vue项目 创建vue项目 在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用 在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.9

visual studio2017 创建Vue项目

1:打开Visual studio 2017后 按图片操作新建项目 也可以使用快捷键Ctrl+Shift+N  进入创建项目页面 2:选择JavaScript 里的Node.js创建对应的Vue项目 如果没有javaScript对应的node.js选项 打开最下面的visual studio安装程序 安装对应的node程序 *注意硬盘空间 3:创建完成后打开项目 进行开发 原文地址:https://www.cnblogs.com/BoyJoan/p/9935941.html

使用vue-cli创建vue项目及项目结构说明

node及vue的安装就不讲了,网上一大堆,自行查阅 1 创建项目目录 mkdir vueDemo 2 切换到该目录 cd vueDemo 3 执行命令创建项目(项目名称:vue-init-webpack) vue init webpack vue-init-webpack Project name:--项目名称,直接回车即可 Project description:--项目描述,直接回车即可 Author:--作者,直接回车即可 Vue build:--构建模式,直接回车即可 Install

创建vue项目并搭建JSONSERVER

1.该前提是你已经搭建好vue-cli脚手架,开始创建一个新项目,输入 vue init webpack demo(demo是自定义项目名). 2.cd demo 进入项目安装依赖 3.在已经创建的项目结构里面会多出一个node_modules的文件夹,这就是刚才安装的所有依赖 4.此时项目构建完成,输入npm run dev运行项目 5.搭建jsonserver(先下载  https://github.com/typicode/json-server) 6.Json server 安装命令:

利用vue-cli创建Vue项目

1.安装node.js:Node.js安装包及源码下载地址为:https://nodejs.org/en/download/. 配置参考:http://www.runoob.com/nodejs/nodejs-install-setup.html: 2.基于node.js,利用淘宝npm镜像安装相关依赖. 在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装... 注意:确保npm版本大于

通过命令创建vue项目

环境要求:  安装有 Node.js. vue. vue-cli . 创建项目: vue init webpack projectName 进入项目,下载依赖: npm install 或者 cnpm install 运行项目: npm run dev 效果如下: 创建项目  进入项目,下载依赖 启动项目 浏览器查看效果

基于vue-cli3.11.0创建创建vue项目

如果电脑已安装vue-cli2.9.6,需要先卸载,然后重装vue-cli3.11.0操作如下 等待几分钟,卸载完成,输入npm install -g @vue/cli 等待安装完成,输入vue -V查看脚手架版本号 下面开始创建项目 首先进入你指定的工作空间文件夹,输入vue create 项目名称 选择default,等待项目创建完成,输入cd 项目名称,进入项目,然后启动项目npm run serve 启动成功后,可通过url在浏览器中打开项目查看 浏览器打开: 原文地址:https://