安装vue

房东的猫 提交于 2020-01-26 14:48:56

vue的安装

这里简单的总结一下

  1. 安装node.js

  2. 配置环境变量

  3. 安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org

  4. 改变npm 配置

    cnpm config set cache "C:\nodejs\node_cache"

    cnpm config set prefix "C:\nodejs\node_global"

  5. 安装vue.js 命令行工具:cnpm install vue-cli -g

  6. 创建vue脚手架:

    1. vue init webpack myproject //创建vue项目
    2. cd myproject // 进入目录
    3. cnpm install // 安装依赖install axios // 下载axios`
    4. cnpm run dev // 开启服务
    - src 主开发目录,所有的单文件组件都会放在这个目录下
    - static 项目静态目录,所有的css、js都会放在这个文件夹下
    - dist 项目打包发布文件夹,最后要上线单文件夹项目都在这个文件夹中 
    - node_modules node的包目录
    - config 配置目录
    - build 项目打包时依赖的目录
    
  7. 如果出现任何关于node依赖的问题导致服务无法启动,执行npm install无法解决的,则安装rimraf,然后进入项目目录下,执行rimraf node_modules 删除后,重新执行 npm install 安装依赖

    删除node_modules
    npm install rimraf -g
    rimraf node_modules
    
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!