blogof-fusu

一,开发环境 :

  • Node JS(npm)
  • Visual Studio Code(前端IDE)

 

  •   安装NodeJS 下载地址: nodejs中文网
  • Visual Studio Code 官网下载地址 https://code.visualstudio.com/
  • 官网文档:https://code.visualstudio.com/docs
  • 简书教程:https://www.jianshu.com/p/990b19834896 

二,如何安装NodeJS :

  • 到官网下载自己系统对应的版本
  • 下载完成后解压 把Node添加到系统环境变量里面
  • 打开cmd命令行 :输入node -v,验证node安装;输入npm -v,验证node包
  • 管理器npm的安装 升级npm sudo npm install npm -g  #linux系统     npm install npm -g  # windows系统  

三,npm使用淘宝镜像 :

  • npm 使用的是国外中央仓库,下载速度非常不乐观
  • 像 Maven 有国内镜像一样,npm 在国内也有镜像可用 强烈建议使用淘宝镜像,命令行执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装成功后 用 cnpm 替代 npm 命令即可 

四,下载各种工具 :

  • 安装打包工具 webpack,-g 表示全局安装
    • npm install webpack -g
  • 安装 vue 脚手架项目初始化工具
    • vue-cli npm install vue-cli -g 

五,创建项目 

  • 设置工作区,新建文件夹即可(不能有中文目录)
  • 创建项目
    • vue init webpack <项目名称>
  • 进入到项目根目录
    • cd <项目名称>
  • 安装依赖包
    • yarn install  #最快
    • npm install 
    • cnpm install
  • 运行项目
    • npm run dev
  • 浏览器访问 http://localhost:8080 

分类:

技术点:

相关文章: