【测试平台学习1】 vue使用与启动

前言

最近打算构建一个测试平台，初步的构想是Django+Vue ,首先需要简单学习下VUE

Vue 基础

Vue-api : https://cn.vuejs.org/v2/api/

Vue-教程： https://cn.vuejs.org/v2/guide

Vue-简单视频教学： https://learning.dcloud.io/#/?vid=14  【这里官网推荐大家使用HBuilder 进行VUE的编写，实测效果很差，推荐使用VS code】

好了，通过如上的课程，对Vue 应该有了基础的认识，知道怎么设置字体，按钮，列表，插值 这些基础概念，当然这些都是皮毛，实际上在搭建平台的时候会遇到很多问题

Vue 安装

vue基础里面教过了，使用的时候可以直接调用vue的在线版本，也可以调用下载下来的js文件，主要的几个打包工具和依赖库需要注意下：

1. 安装npm （自行百度，安装好了之后执行 npm -v）

    `npm` 全称为 `Node Package Manager`，是一个基于`Node.js`的包管理器

2. 安装nrm (官方教程会推荐大家去安装cnpm，由于网络原因，使用cnpm会快一点，实测在使用的时候打包可能会遇到各种问题，建议放弃)

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src
Module not found: Error: Can‘t resolve ‘./src‘ in ‘C:\WebstormProjects\webpack-demo‘
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src

    这个问题网上答案很多，建议直接删除node_modules ，使用npm install

    npm i -g nrm  

    nrm ls （可以查看有什么 可供使用的依赖源，一般用淘宝的）

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

    检查源是否设置成功：

    npm config get registry

   

 

 

【测试平台学习1】 vue使用与启动

原文：https://www.cnblogs.com/Ronaldo-HD/p/14419733.html