zoukankan      html  css  js  c++  java
  • vue --如何安装vue脚手架

        首先:先从中下载nodejs

    双击点击安装一直next就行了

     

     

     

     

     

    点击Finish完成

    查看目录是否有以下的文件

     node_modules:模块

    node.exe:node.js程序

    npm.cmd:包管理器

    打开控制命令行程序(CMD), 检查是否正常

    输入  echo %path%        node -v      npm -v

     npm的本地仓库跑在了C盘目录中:C:UsersAdministratorAppDataRoaming

     我们把这两个文件夹移回到:G:VuePreject

    我们在VuePreject文件夹下新建两个目录:

     然后运行以下2条命令

    npm confset prefix "G:VuePreject ode_global"

    npm config set cache "G:VuePreject ode_cache"

    在查看一下npm的本地仓库,输入命令npm list -global

     如上图目录已经变到了VuePreject ode_global文件夹下

    配置镜像站提升速度:

    输入命令npm config set registry= 配置镜像站

     查看配置信息:

    输入命令npm config list

     执行完后查看一个配置文件:

    查看配置信息:

     打开.npmrc文件:

     检查一下镜像站行不行的命令:

    输入:npm config get registry

     查看是否可以获取vue的信息:

    输入:Npm info vue

    注意,此时,默认的模块G:VuePreject ode_modules 目录,将会改变为G:VuePreject ode_global ode_modules 目录。

    如果直接运行npm install等命令会报错的。这里我们需要配置一个环境变量:

    增加环境变量NODE_PATH 内容是:G:VuePreject ode_global ode_modules

     输入:npm install npm -g

     (注意,一下操作需要重新打开CMD让上面的环境变量生效)

    测试NPM安装vue.js

    命令:npm install vue -g

    这里的-g是指安装到global全局目录去

     

     测试NPM安装vue-router

    输入:npm install vue-router -g

     

     

     安装vue脚手架:

    运行npm install vue-cli -g

     输入vue查看信息,发现提示不是内部命令:

     因为vue脚本在自定义global文件夹中:

     编辑环境、编辑path

    对path环境变量添加G:VuePreject ode_global

     查看vue信息:

    输入 vue

     查看vue脚手架版本:

    输入 vue -V(注意V大写)

     注意,vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

    输入:vue init webpack vue01

     初始化,安装依赖

     输入:npm run dev    运行(dev)

    将http://localhost:8080链接输入到浏览器打开

    生成静态文件,打开dist文件夹下新生成的index.html文件

     

    .Net Core
  • 相关阅读:
    如何禁用Xcode7下iOS9 App传输安全,并修复无法连接服务器错误
    iOS单例清除
    Git忽略规则及.gitignore规则不生效的解决办法
    javascript 在ie8中报“缺少标识符、字符串或数字“问题再现:
    树莓派 远程桌面 设置显示中文
    在IIS Express中调试时无法读取配置文件 错误
    Win7 下IIS(7.5)发布 ASP.NET MVC
    .Net中使用com组件后发生System.ArithmeticException异常的解决办法(Message=算术运算中发生溢出或下溢。)
    CodeSimth
    windows 开机启动 CassiniDev(IIS替代软件)
  • 原文地址:https://www.cnblogs.com/zpy1993-09/p/14860260.html
Copyright © 2011-2022 走看看