精华内容
下载资源
问答
  • vscode+vue 框架搭建

    2019-04-03 14:52:00
    安装完成之后打开cmd:node -v 查看版本(npm一体的,可以直接查看),显示下图安装成功 第二步: 安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步: 安...

     

    第一步:

    安装node.js,官方下载地址:https://nodejs.org/en/

    安装完成之后打开cmd:node -v 查看版本(npm一体的,可以直接查看),显示下图安装成功

     

    第二步:

    安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 

     

    第三步:

    安装脚手架:npm install -g @vue/cli

     

     第四步:

    创建一个项目:进入自己项目的位置(例:d)

     

    创建:vue create hello_vue

    第五步:

    安装vscode,官网下载:https://code.visualstudio.com/

    打开工具,file—》open folder—》打开项目文件

    ctrl+~打开控制台;重新安装依赖:cnpm install 

    安装后在项目框架中会出现

    然后开始运行项目吧!

    运行:npm run dev

     

    转载于:https://www.cnblogs.com/dreamzcy/p/10648788.html

    展开全文
  • 下面是搭建前端框架vue.js的步骤: 1.在官网下载node.js,地址:https://nodejs.org/en/download/(下载对应的版本),一路默认,进行安装 2.完成后,在安装路径下打开命令窗口,输入node -v,检查版本信息(成功...

    下面是搭建前端框架vue.js的步骤:

    1.在官网下载node.js,地址:https://nodejs.org/en/download/ (下载对应的版本),一路默认,进行安装

    2.完成后,在安装路径下打开命令窗口,输入node -v,检查版本信息(成功)

    3.node.js集成了包管理器npm,所以在node.js安装成功后,可直接通过npm -v查看npm版本信息

    4.npm -g install npm可以更新现有的npm版本

    5.安装cnpm (自我理解npm为包管理工具,有时需要从http://registry.npmjs.org 下载一些插件包,该网站的服务器在国外,因此避免不了速度慢,cnpm呢就是一个淘宝镜像,实现上述功能但速率快)

    6.使用cmpn安装vue-cli脚手架,输入命令cnpm install -g vue-cli,安装

    7

    7.vue -V,查看vue版本号 (注意,V为大写

    8.创建项目:在本地新建项目文件夹,通过命令vue init webpack 项目名来创建(注意项目名不支持大写字母,我第一次就输入的大写字母,结果报sorry,确认之后虽然仍显示大写,但后面启动项目时,必须按小写启动,可能是用小写备案了,只是我刚开始写的大写,怕我认不出来所以表面上用大写生成的吧 哈哈)

    过程中有一些需要自己选择的项,按上下键选择就行

    9.进入到项目所在目录下,输入cnpm install,安装项目所需的依赖

    10.运行项目npm run dev

    11.成功后,提示访问http://localhost:8080

     12.访问网址,出现vue.js欢迎界面,至此成功。


     

    展开全文
  • 搭建vue框架

    2020-12-17 10:53:32
    安装完成之后打开cmd node -v npm -v 安装vue npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli脚手架 cnpm install --global vue-cli global 表示全局安装,否则会安装到你当前的目录...

    安装node.js
    https://nodejs.org/zh-cn/
    双击安装,一路默认
    安装完成之后打开cmd
    node -v
    npm -v
    安装vue
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    在这里插入图片描述

    安装vue-cli脚手架
    cnpm install --global vue-cli
    global 表示全局安装,否则会安装到你当前的目录,使用上有限制
    在这里插入图片描述

    创建vue项目
    vue init webpack myvue
    在这里插入图片描述

    是否安装路由,输入y安装
    是否使用ESLint检测你的代码,输入n
    是否安装测试
    是否需要安装自动化测试
    在这里插入图片描述

    直接回车yes,use npm
    在这里插入图片描述

    安装所需依赖,进入上面创建的项目myvue
    cnpm install

    在这里插入图片描述

    启动项目
    cnpm run dev
    在这里插入图片描述

    访问localhost:8080 可以看到一个vue项目创建完成
    在这里插入图片描述

    展开全文
  • 安装原因:npm集中于Node.js中,所以用npm(你怕吗)安装Vue Cli,首先应安装Node.js。 安装步骤:下载完成后运行安装,默认下一步即可。 二、检查Node.js是否安装成功 cmd 中输入:node -v 如上图,出现版本号,...

    一、安装Node.js
    访问官网 https://nodejs.org/en/,首页即可下载。安装原因:npm集中于Node.js中,所以用npm(你怕吗)安装Vue Cli,首先应安装Node.js。

    安装步骤:下载完成后运行安装,默认下一步即可。
    在这里插入图片描述
    二、检查Node.js是否安装成功

    cmd 中输入:node -v
    

    在这里插入图片描述
    如上图,出现版本号,说明已经安装成功。同时,npm 包也已经安装成功,可以输入 npm -v 查看版本号
    在这里插入图片描述三、npm 更新至最新版本

    cmd 输入 npm -g install npm 
    

    四、安装 cnpm,即 npm 国内镜像
    原因:使用 cnmp 下载内容会比较快,但下载的包可能不是最新的(这个可以忽略)。

    安装 cnpm 的命令为 :npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    脚下留心:
    cnpm 不要与 npm 混合使用,一个项目用 cnpm 就从头用到底,否则就会出现混乱。不过万一遇到这种情况也不用慌,把项目的 node_modules 文件夹删了重新执行 npm/cnpm install 就行了,只是比较浪费时间。

    五、安装vue cli

    cmd命令(vue2.x):npm install -g vue-cli 
    cmd命令(vue3.x):npm install -g @vue/cli 
    

    六、搭建Vue项目

    
     1. win+R进入cmd:
     2. cd 进入相应文件目录
     3. 命令:vue init webpack test-vue  //webpack为项目模板,可替换为pwa、simple 等,项目名称test-vue 
    
    C:\Users\user>E:
    E:\>cd test_vue
    E:\test_vue>vue init webpack test_vue
    
    ? Project name test_vue
    ? Project description A Vue.js project
    ? Author
    ? Vue build standalone
    ? Install vue-router? Yes
    ? Use ESLint to lint your code? No
    ? Set up unit tests No
    ? Setup e2e tests with Nightwatch? No
    ? Should we run `npm install` for you after the project has been created? (recommended) npm
    
       vue-cli · Generated "test_vue".
    

    vue-router,一定要选是,也就是回车或按 Y,vue-router 是我们构建单页面应用的关键。
    接下来等待项目构建完成就 OK 了。

    展开全文
  • 搭建vue项目框架

    2020-02-09 14:02:51
    在使用vue作为前端开发框架的复杂项目,vue框架搭建至关重要。框架搭的好引用技术全面,可以为后来开发维护节省很多时间和精力。 安装node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载...
  • 搭建一个可用的框架,满足基本的开发需求,记录详细过程,留档。 二、详解 第一步:使用vue脚手架下载空项目 命令如下所示,下载空项目。npm源速度很慢,推荐将npm配置项registry修改为淘宝镜像。 > vue ...
  • Vue项目环境搭建 1、 安装Node.js双击安装node-v8.9.1-x64.exe。 安装完成后输入命令 node -v ,若显示Node.js版本,既安装成功。 2、 基于node.js,利用淘宝npm镜像安装相关依赖。控制台命令: 在cmd里直接输入...
  • vue框架配置与搭建(一)

    千次阅读 2018-07-06 17:53:35
    开发环境:windows系统 编译器:webstrom 1.安装淘宝镜像 npm install -g cnpm --registry=... 2.安装vue脚手架 npm install -g @vue/cli ... 安装完成运行 vue (出现以下说明安装成功) 运行vue list 查看...
  • 后台框架搭建过程1.1创建一个Vue项目vue create项目名1.1.1选择合适的选项进行安装·default·Manually select features等待一段时间,项目创建完成1.2.删除原有的demo1.2.1src/views·about.vue·home.vue1.2.2App....
  • Vue2框架初步搭建

    2020-05-12 00:24:00
    1、创建项目文件夹 ...3、安装完成后测试是否安装成功: vue -V 4、使用webpack构建我们的目录: vue init webpack 5、npm install 安装 package.json文件中的依赖 6、npm run dev 运行项目 ...
  • vue项目搭建

    2020-08-13 10:09:42
    Vue环境搭建 vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。 首先要安装node.js,安装完node.js之后,...
  • 后台框架搭建过程1.1创建一个Vue项目vue create项目名1.1.1选择合适的选项进行安装·default·Manually select features等待一段时间,项目创建完成1.2.删除原有的demo1.2.1src/views·about.vue·home.vue1.2.2App....
  • VUE环境搭建

    2018-07-26 10:23:07
    项目中用vue都得搭建环境,经过一段时间的摧残后终于有勇气来写篇关于vue环境搭建的博文了,我相信网上已经有很多前辈的博文能够帮助大家完成搭建,与我来说只是记录下自己搭建环境的一点心得,如若能够帮助到两三人...
  • 今天决定总结一下之前的零散的知识点,在此开一个系列,自己也从头开始完成一个后台管理系统的搭建,并放在github中供大家参考。 安装vue-cli 使用npm全局安装vue-cli,之后可以通过vue命令查看是否安装成功;下图是...
  • 安装完成后:cmd命令行,输入 node -v npm -v 即可查看node和npm的当前安装版本,如下: 2、安装git(不用git管理代码则不必安装) 下载地址: https://git-scm.com/ 安装成功后:系统右键菜单可看到 Git Bash ...
  • @Candyvue学习笔记之框架搭建(一) 第一步 安装npm 和 Nodejs。使用npm -version 和node --version两个命令分别查看已经安装的版本。 安装vue脚手架 : npm install –g vue-cli 已经安装过需要更新脚手架版本 : ...
  • import Vuetify from 'vuetify' // 使用vuetify UI框架 import 'vuetify/dist/vuetify.min.css' // 导入 vuetify样式 Vue.use(Vuetify) // 使用 vuetify export default new Vuetify({}) // 导出vuetify对象
  • vue步骤 确保已经安装了vue、npm 在终点运行vue ui 在第二步打开的页面点击安装插件 完成即搭建完成 可以用vs打开项目进行开发
  • 1.首先创建一个空项目 2.用cmd窗口 指令:进入自己刚才创建目录:cd 管理\bg-admin (1).... (2)检查本地npm版本:npm -v ...(6)完成就会文件出现成功 (7) 指令下载依赖:npm install 或 cnpm ins
  • VUE学习入门篇,springboot web框架搭建 IDEA创建springboot web项目 File->New Module->Spring Initializr,选择web项目 创建完成模块代码结构如下: 配置文件设置访问端口:server.port= 8088 ...
  • 全局环境下安装node以及npm 去Node官网下载最新稳定版,一般node安装完成后会自带npm,但是需要检查一下npm的版本 Windows升级命令 npm i -g npm@latest ...除了使用npm初始化,也可以选择vue-cli快速创建webp...
  • Vue.js是一套构建用户界面的渐进式框架Vue 只关注视图层,采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 阅读之前需要了解的知识 htnl css ...
  • 初始VUE框架 CLI

    2020-06-05 12:19:15
    vue是一套用于构建用户界面的渐进式框架与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及...
  • 1、参考网友的经验安装Node.js:https://blog.csdn.net/zhaibingbinglove/article/details/79311673安装好:node(如果部分组件下载timeout时,才需要考虑使用cnpm,...安装完成后的结果如下: 2、安装vue-cli...
  • 下载后默认安装即可,安装完成可以打开cmd窗口, 输入node -v查看安装的版本 2.安装国内镜像 依次安装下面内容: npm install -g npm --registry=https://registry.npm.taobao.org cnpm install -g vue cnpm install...
  • 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=...
  • 前言:按住window键+R键输入cmd...完成安装后打开电脑的cmd测试node环境: 出现这样的图标表示node环境已经构建好了。 2.换淘宝的源提升下载速度 cmd中输入命令: npm install -g cnpm –registry=https://registry.npm
  • 1-1 Vue环境搭建

    2018-05-05 16:43:32
    #项目初始化 1、安装vue-cli脚手架(用于搭建vue所需的模板框架) cnpm install -g vue-cli,安装完成后,输入vue查看是否成功,输入vue list查看vue有那些子类npm install vue 2、初始化项目 vue init webpack my-...
  • Vue2.0搭建脚手架流程

    2020-01-14 15:07:16
    Vue.js是一套构建用户界面的渐进式框架Vue 只关注视图层,采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 安装node.js 从node官网下载并安装node,安装...
  • 搭建 Laravel +Vue + Element 框架

    千次阅读 2019-02-17 18:04:16
    前提:在此之前我们已经搭建好了支持 Laravel 5.7 的框架,如果有不明白的地方可以参考往期文章 安装依赖 laravel中是自带vue的依赖的,执行 cnpm install //cnpm淘宝镜像,npm的速度比较慢,速度慢的请换源 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 421
精华内容 168
关键字:

vue框架搭建完成

vue 订阅