使用vue2.0创建的项目的步骤方法

1.由于vue项目依赖 node.js npm 需要先安装.   若没有请先安装，请按照此文章进行安装https://www.gxlcms.com/article/138020.htm

//检查是否有node.js  npm vue

win+r   输入cmd  输入node -v  回车 会出现node,js的版本

 输入npm -v  回车 会出现npm的版本

输入vue -V 回车 会出现vue的版本

2.安装vue：

npm install -g vue-cli  
//-g表示全局安装，vue-cli是模块，全局安装的模块可以在命令行直接使用  

由于npm网站在国内速度非常慢，所以可以在命令后面加上淘宝的镜像

即：npm install -g vue-cli --registry=https://registry.npm.taobao.org

之后，可以vue --V查看vue是否安装好，出现版本号即安装成功。

3.接下来是创建项目框架

如果想放到指定的目录下，先进入这个目录在执行创建项目的命令

例如：     

e:回车   //进入E盘      cd test回车   //进入E盘的test文件夹

E:\test\vue init webpack my-vue    //创建一个基于"webpack"的项目，后面是项目名 

依次按照提示输入，项目名、项目描述、项目作者等等，然后一路回车  看到最后这句项目就创建好了。

To get started:  就是告诉你接下来该做什么，依次完成下面3行命令就可以了。进入my-vue项目-----安装npm依赖-----运行项目

以下为此3步的详解

cd my-vue   在my-vue文件下看到项目结构：注：这是安装了依赖以后的截图，没安装依赖以前是没有node_modules文件夹的

4.安装项目依赖

生成了项目以后是不能直接运行的，现在很多项目都依赖许许多多的模块，需要逐一安装依赖。

ctrl+c 停掉刚生成项目的命令,cd my-vue 进入项目跟目录, 用命令npm install 安装

若安装缓慢同样可以使用淘宝镜像

即输入命令：npm install --registry=https://registry.npm.taobao.org

当这个命令运行完成以后会多出一个node_modules文件夹,里面就是项目所需的所有依赖

可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

5.运行测试

npm run dev 

出现如下红色框框表示启动完成，一般流览器会自动跳转出界面http://localhost:8080/，也可以手动打开流览器器输 入地址。

浏览器界面截图：

这样项目就搭建完成了。

飒榕旅游知识分享网还为您提供以下相关内容希望对您有帮助：

1、使用vue-cli创建项目 2、引入vue-router 3、引入vuex及vuex-persistedstate 4、引入vantui 5、引入sass 6、引入flexible 7、引入postcss-pxtorem 8、引入axios 9、配置开发生产测试环境参数 10、引入其他相关库，例如moment、lodash等

安装完成后，通过`npm install -g @vue/cli`或`yarn global add @vue/cli`或`cnpm install -g @vue/cli`来安装@vue/cli。创建Vue项目有两种方式：`vue create project-name`，选择版本（默认支持Vue2和Vue3），自定义配置，如选择eslint和babel设置，然后耐心等待项目初始化。`vue init webpack...

vue怎么创建项目：1、首先以管理员权限打开“cmd”，并输入“vuecreatevue01”（这里vue01是你想要的项目名称，自定义即可）2、然后在下方使用键盘的“上下方向键”选择想要的配置。3、选择好之后按下“空格”进行确认。4、接着在下面选择一个想要的版本。6、这里是路径模式选择，不用管，输入“no/n...

1、安装node（自带npm包管理工具）2、安装vue2.x脚手架：npm install vue-cli -g，控制台输入vue list查看是否安装成功 3、创建项目：vue init webpack my-project 4、安装postcss-px2rem：npm install postcss-px2rem 5、配置：找到文件build/vue-loader.config.js，添加如下：const px2rem = re...

创建项目有两种方法：使用`vue create project-name`，该方法支持Vue 2和Vue 3，可以选择纯净版或自定义配置。纯净版项目不包含router和vuex，自定义配置则根据项目需求选择版本、eslint和babel配置。选择Vue 2时，设置完成后项目模板会生成，启动项目时切换配置。 对于只创建Vue 2项目的选项，使用`vue ...

项目需要引用额外的ui组件库，就需要安装style-loader和css-loader 安装style-loader （css-loader默认有）npm install style-loader -D 然后，打开模板build--webpack.base.conf.js( 根据初始化模板不同也可能是 build 下面的webpack.base.conf.js ),新增一个json，注意style！css顺序不能颠倒（！

步骤一：环境准备 1.1 确保Node.js环境已安装并更新至最新版本，这对于构建Vue项目至关重要。1.2 接下来，安装Vue CLI（Vue脚手架），这将作为我们的项目构建工具。步骤二：项目创建 2.1 通过命令行运行Vue CLI，初始化一个新的Vue2.x项目。步骤三：项目配置 3.1 为项目定制化设置，创建`vue....

首先，介绍背景视频 Web 页面的常见实现方式。国外资源网站「Coverr」提供了丰富的教程与视频资源，旨在帮助前端开发者构建出独特的背景视频主页。接下来，我们将基于 Vue.js 2.0 开发环境，利用 vue-cli 创建项目，并在项目中构建登录页面。具体步骤包括但不限于 HTML 模板、CSS 样式与 JavaScript 逻辑...

首先，访问 官方 GitHub 地址 了解 summernote 的详情。项目基于 Vue 2.0 并使用 vue-cli 构建工具，项目目录结构如下：在 package.json 文件中添加所需依赖库，执行 npm install 进行安装。在 src/main.js 文件中引入相关库文件。由于 summernote 依赖 jQuery 库，需在组件内导入 jQuery。在 build/...

创建Vue客户端项目步骤 1、使用npminitvue@latest创建项目,除了不轿渗支持TypeScript和JXT外都选支持 2、修改.eslintrc.cjs,增加windows下换行: 3、修改package.json中运行端口号,防止冲突: "dev":"vite--port5149", 4、在vite.config.js中增加配置server: 5、安装其它支隐帆羡持包灶拍 npminstallbootstrap ...