vue2.0 创建vue项目步骤

1.提前安装好node
2.可以cmd在自带的命令行中运行,也可以在编辑器中运行
cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安装webpack;这一步可以省略 cnpm install webpack -g
4. 全局安装Vue cnpm install -g vue
5. 全局安装Vue脚手架 cnpm install -g vue-cli
6. 使用脚手架创建新项目;要先使用cd 命令转到要放置项目的目录
vue init webpack my-project
vue init webpack vue-questionBankPC

接下来会有项目的配置;
你看不懂无所谓;一路按enter就行
注意：看到eslint字样选no,完成后安装项目依赖文件;
先cd命令转到项目的根目录
cnpm install 接下来可以启动监听端口了
npm run dev 你可以看到一个演示的例子
剩下的就是写Vue了;至于怎么写，加油哦！

vue2.0 创建vue项目步骤相关推荐

ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
使用vite创建vue项目步骤
由之前使用@vue/cli创建vue项目,改为用vite创建使用步骤使用以下命令实现使用vite创建vue项目: npm init vite-app <project-name> 相比 ...
Vue cli3.0创建Vue项目
创建Vue项目在要创建项目的文件夹下面打开Powershell窗口输入命令 vue create 项目名称选择第二项回车后选择是否使用历史路由 no 回车选择 Less 回车选择第三个 ...
微信开发者工具创建vue项目步骤
在我开始学习vue的时候,对于新手安装这个环境是真的搞人心态,不友好.在不断的安装,找教程,又帮同学配置了下,有必要自己总结下.对于新手搭建vue环境,就一步步来就ok了. 在用 Vue 构建大型应用 ...
Vue3实现备忘录｜用vite创建vue项目步骤
目录运行结果展示创建项目备忘录功能实现本文使用的IDE是VSCode,node.js是16. 运行结果展示实现的功能有输入框回车添加任务,鼠标悬停显示删除按钮并可以删除单条任务,一键移除 ...
【vue】基于vue2.x的vue项目最最最基础模板
前言好久不见啊大家,今天想写这篇博客的时候才发现博客已经断更大半年了(手动滑稽) 由于去年十二月份被公司再次发配到上海出差,而且这次主要开发的是针对IE浏览器的一个插件(c++ 和 js 的交互) ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
Vue-cli创建Vue项目工程步骤详解
Vue-cli 即:Vue脚手架.官方网址:vue-cli官网本篇文章以我经常创建Vue项目工程的步骤为例,带着大家一步一步创建一个全新的vue项目工程.文章会详细讲解Vue脚手架创建项目的每一个步 ...
vue-cli创建vue2或vue3新项目步骤【留底收藏】
vue-cli创建vue2或vue3新项目步骤一.安装 1. 安装:node (已安装忽略,命令行:node -v 检查是否成功) 方式一: 官网 https://nodejs.org/en/ 一直 ...

vue2.0 创建vue项目步骤

vue2.0 创建vue项目步骤相关推荐

最新文章

热门文章