首页 > 其他分享 >vue 运行步骤(使用cnpm)

vue 运行步骤(使用cnpm)

时间:2023-02-27 14:56:38浏览次数:43  
标签:npm node vue cnpm 步骤 安装 运行

运行教程

首先,列出来我们需要的东西:
node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像

从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。

安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。

npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息。

安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待即可完成。

安装vue-cli脚手架构建工具

在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。(注意,这里使用cnpm来替代npm,不然速度超级慢,会导致卡在那)

安装项目所需的依赖

要安装依赖包,首先cd到项目文件夹(firstVue文件夹),然后运行命令 cnpm install ,等待安装。

运行项目

在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

标签:npm,node,vue,cnpm,步骤,安装,运行
From: https://www.cnblogs.com/sishahu/p/17159645.html

相关文章

  • vscode跟踪vue代码方法
    首先安装插件同时打开上面的右边的齿轮图标,就是打开文件launch.json{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsof......
  • vue中解决一个部门不能选择的问题
    问题如下:就是在提交流程进行表单申请的时候,上面按用户选择的时候出现下面界面 结果最下面两个用户与按钮都按不了,不知道是什么原因。后来跟踪发现下面问题这个层面上面都......
  • vuex中commit和dispatch的区别
    一直都没整明白commit和dispath的区别,今天总算整明白了1、commit和dispatch的区别commit和dispatch的区别在于commit是提交mutatious的同步操作,dispatch是分发actions的......
  • Vue虚拟dom是如何被创建的
    先来看生成虚拟dom的入口文件:...import{parse}from'./parser/index'import{optimize}from'./optimizer'import{generate}from'./codegen/inde......
  • 2023前端一面vue面试题合集
    函数式组件优势和原理函数组件的特点函数式组件需要在声明组件是指定functional:true不需要实例化,所以没有this,this通过render函数的第二个参数context来代替没有生......
  • Vue组件是怎样挂载的
    我们先来关注一下$mount是实现什么功能的吧:我们打开源码路径core/instance/init.js:exportfunctioninitMixin(Vue:Class<Component>){......initLifec......
  • 腾讯前端二面常考vue面试题(附答案)
    虚拟DOM真的比真实DOM性能好吗首次渲染大量DOM时,由于多了一层虚拟DOM的计算,会比innerHTML插入慢。正如它能保证性能下限,在真实DOM操作的时候进行针对性的优化时,还是更快......
  • VUE里的find与filter使用与区别
    一、find方法(返回符合条件的第一个元素如果没有符合条件的返回undefined)findIndex方法(返回符合条件的第一个元素位置如果没有符合条件的返回-1)比如:constmodeler=th......
  • VUE里父组件与子组件的交互操作
        在开发vue前端项目时,经常会遇到父组件与子组件之间的相互操作,比如有时候父组件需要知道子组件的触发事件,以便对这个触发事件进行响应,同时附组件也要传递数据给子......
  • vue源码分析-动态组件
    前面花了两节的内容介绍了组件,从组件的原理讲到组件的应用,包括异步组件和函数式组件的实现和使用场景。众所周知,组件是贯穿整个Vue设计理念的东西,并且也是指导我们开发的......