美文网首页
vue项目实战01-搭建vue模块化开发环境

vue项目实战01-搭建vue模块化开发环境

作者: 时岩手札 | 来源:发表于2020-03-17 20:46 被阅读0次

安装nodejs

进入官网https://nodejs.org/en/下载安装包,安装即可

设定npm源

众所周知,默认安装的npm源部署在国外,安装软件时会很慢,极端情况甚至会安装失败,可以将npm源配置为淘宝的镜像源来解决此问题,可以单次安装时指定淘宝源,也可以永久指定淘宝源:

//查看当前的软件源
npm config get registry

//临时指定淘宝源
npm install 包名 --registry https://registry.npm.taobao.org 

// 永久
npm config set registry https://registry.npm.taobao.org

安装vue/cli

// 查看npm版本
npm -v
显示结果:6.13.6

// 安装vue/cli
npm install -g @vue/cli

// 查看vue版本号
vue -V
显示结果:@vue/cli 4.2.3

修复在vscode终端power-shell执行脚本的权限

如果在vscode终端执行脚本指令时提示错误,说明power-shell的脚本执行策略设置不正确,可在win10的开始菜单中找到windows power shell并以管理员身份运行,执行如下操作:

set-ExecutionPolicy RemoteSigned
然后选择Y,可激活power shell的使用权限 powershell.PNG

相关文章

  • vue项目实战01-搭建vue模块化开发环境

    安装nodejs 进入官网https://nodejs.org/en/下载安装包,安装即可 设定npm源 众所周知...

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

  • Vue系列之WebPack与Eslint

    上一篇文章,我们在window上搭建了vue的开发环境,windows下搭建vue开发环境,并且创建了项目,我们看...

  • VUE全家桶

    注意:这里只讲VUE脚手架搭建的项目首先安装开发环境,vue-cli 一键搭建vue项目是基于 Node.js 所...

  • vue实战开发:详解vue-cli 3.0项目搭建

    vue实战开发:详解vue-cli 3.0项目搭建 1 将node所在目录配置到电脑的环境变量中就可以使用了,这里...

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • vue项目搭建运行

    vue 项目搭建1.安装node.js2.搭建vue的开发环境,安装vue的脚手架工具,官方命令行工具 s...

  • 2019-04-02

    课表安排 vue环境安装 vue绑定事件 vue计算属性 vue判断与循环 CDN实战DEMO vue脚手架的搭建...

  • Kbone 基础 - [03] Vue + Kbone 实现 T

    1、搭建Vue开发环境 在命令行输入以下命令,创建一个 vue-todos 项目: 2、编写Vue todos代码...

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

网友评论

      本文标题:vue项目实战01-搭建vue模块化开发环境

      本文链接:https://www.haomeiwen.com/subject/epsxyhtx.html